Desert Floor

CSS

:root {
  --desert-floor: #c6b183;
  --desert-floor-rgb: 198 177 131;
  --desert-floor-oklch: oklch(0.767 0.066 86.2);
}

.element {
  color: var(--desert-floor);
  background-color: hsl(41 37% 65%);
  border-color: oklch(0.767 0.066 86.2);
}

Tailwind CSS v4

@theme {
  --color-desert-floor: #c6b183;
  --color-desert-floor-50: #fdf5e0;
  --color-desert-floor-100: #f1e7d0;
  --color-desert-floor-200: #e0d3b5;
  --color-desert-floor-300: #c5b691;
  --color-desert-floor-400: #b09c71;
  --color-desert-floor-500: #9a8352;
  --color-desert-floor-600: #826f46;
  --color-desert-floor-700: #685937;
  --color-desert-floor-800: #4d4127;
  --color-desert-floor-900: #362d1a;
  --color-desert-floor-950: #211a0b;
}

SCSS

$desert-floor: #c6b183;
$desert-floor-rgb: 198, 177, 131;
$desert-floor-light: mix(#fff, $desert-floor, 20%);
$desert-floor-dark: mix(#000, $desert-floor, 20%);

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