Desert Plain

CSS

:root {
  --desert-plain: #e5ddc9;
  --desert-plain-rgb: 229 221 201;
  --desert-plain-oklch: oklch(0.899 0.028 88.8);
}

.element {
  color: var(--desert-plain);
  background-color: hsl(43 35% 84%);
  border-color: oklch(0.899 0.028 88.8);
}

Tailwind CSS v4

@theme {
  --color-desert-plain: #e5ddc9;
  --color-desert-plain-50: #f8f5ec;
  --color-desert-plain-100: #ebe8de;
  --color-desert-plain-200: #d9d4c7;
  --color-desert-plain-300: #bdb7a8;
  --color-desert-plain-400: #a59e8c;
  --color-desert-plain-500: #8e8671;
  --color-desert-plain-600: #787160;
  --color-desert-plain-700: #605a4d;
  --color-desert-plain-800: #474237;
  --color-desert-plain-900: #312d26;
  --color-desert-plain-950: #1d1a14;
}

SCSS

$desert-plain: #e5ddc9;
$desert-plain-rgb: 229, 221, 201;
$desert-plain-light: mix(#fff, $desert-plain, 20%);
$desert-plain-dark: mix(#000, $desert-plain, 20%);

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