#CBAB00

CSS

:root {
  --hot-sand: #cbab00;
  --hot-sand-rgb: 203 171 0;
  --hot-sand-oklch: oklch(0.747 0.154 95.5);
}

.element {
  color: var(--hot-sand);
  background-color: hsl(51 100% 40%);
  border-color: oklch(0.747 0.154 95.5);
}

Tailwind CSS v4

@theme {
  --color-hot-sand: #cbab00;
  --color-hot-sand-50: #fff6c4;
  --color-hot-sand-100: #f6e9ae;
  --color-hot-sand-200: #e6d587;
  --color-hot-sand-300: #cdb853;
  --color-hot-sand-400: #ba9c00;
  --color-hot-sand-500: #a68200;
  --color-hot-sand-600: #8c6e00;
  --color-hot-sand-700: #705800;
  --color-hot-sand-800: #544000;
  --color-hot-sand-900: #3b2c00;
  --color-hot-sand-950: #251900;
}

SCSS

$hot-sand: #cbab00;
$hot-sand-rgb: 203, 171, 0;
$hot-sand-light: mix(#fff, $hot-sand, 20%);
$hot-sand-dark: mix(#000, $hot-sand, 20%);

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