Desert Yellow

CSS

:root {
  --desert-yellow: #a29259;
  --desert-yellow-rgb: 162 146 89;
  --desert-yellow-oklch: oklch(0.661 0.079 94.2);
}

.element {
  color: var(--desert-yellow);
  background-color: hsl(47 29% 49%);
  border-color: oklch(0.661 0.079 94.2);
}

Tailwind CSS v4

@theme {
  --color-desert-yellow: #a29259;
  --color-desert-yellow-50: #fbf6dd;
  --color-desert-yellow-100: #efe8cb;
  --color-desert-yellow-200: #ded5af;
  --color-desert-yellow-300: #c3b88a;
  --color-desert-yellow-400: #ad9e68;
  --color-desert-yellow-500: #978546;
  --color-desert-yellow-600: #80713c;
  --color-desert-yellow-700: #665a30;
  --color-desert-yellow-800: #4c4221;
  --color-desert-yellow-900: #352d16;
  --color-desert-yellow-950: #201a07;
}

SCSS

$desert-yellow: #a29259;
$desert-yellow-rgb: 162, 146, 89;
$desert-yellow-light: mix(#fff, $desert-yellow, 20%);
$desert-yellow-dark: mix(#000, $desert-yellow, 20%);

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