Desert Camel

CSS

:root {
  --desert-camel: #c2ae88;
  --desert-camel-rgb: 194 174 136;
  --desert-camel-oklch: oklch(0.758 0.056 83.3);
}

.element {
  color: var(--desert-camel);
  background-color: hsl(39 32% 65%);
  border-color: oklch(0.758 0.056 83.3);
}

Tailwind CSS v4

@theme {
  --color-desert-camel: #c2ae88;
  --color-desert-camel-50: #fdf4e3;
  --color-desert-camel-100: #f0e7d3;
  --color-desert-camel-200: #dfd3ba;
  --color-desert-camel-300: #c5b697;
  --color-desert-camel-400: #af9c79;
  --color-desert-camel-500: #98835b;
  --color-desert-camel-600: #816f4d;
  --color-desert-camel-700: #67593d;
  --color-desert-camel-800: #4c412c;
  --color-desert-camel-900: #352c1d;
  --color-desert-camel-950: #20190d;
}

SCSS

$desert-camel: #c2ae88;
$desert-camel-rgb: 194, 174, 136;
$desert-camel-light: mix(#fff, $desert-camel, 20%);
$desert-camel-dark: mix(#000, $desert-camel, 20%);

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