Pale Sand

CSS

:root {
  --pale-sand: #e5d5ba;
  --pale-sand-rgb: 229 213 186;
  --pale-sand-oklch: oklch(0.879 0.04 80.9);
}

.element {
  color: var(--pale-sand);
  background-color: hsl(38 45% 81%);
  border-color: oklch(0.879 0.04 80.9);
}

Tailwind CSS v4

@theme {
  --color-pale-sand: #e5d5ba;
  --color-pale-sand-50: #fbf4e9;
  --color-pale-sand-100: #eee7d9;
  --color-pale-sand-200: #ddd3c1;
  --color-pale-sand-300: #c2b6a1;
  --color-pale-sand-400: #ab9c84;
  --color-pale-sand-500: #948468;
  --color-pale-sand-600: #7d7058;
  --color-pale-sand-700: #645946;
  --color-pale-sand-800: #4a4133;
  --color-pale-sand-900: #332d23;
  --color-pale-sand-950: #1f1a12;
}

SCSS

$pale-sand: #e5d5ba;
$pale-sand-rgb: 229, 213, 186;
$pale-sand-light: mix(#fff, $pale-sand, 20%);
$pale-sand-dark: mix(#000, $pale-sand, 20%);

.element {
  color: $pale-sand;
  box-shadow: 0 0 0 2px rgba($pale-sand, 0.35);
}