Land of Nod

CSS

:root {
  --land-of-nod: #a99b88;
  --land-of-nod-rgb: 169 155 136;
  --land-of-nod-oklch: oklch(0.696 0.032 75.6);
}

.element {
  color: var(--land-of-nod);
  background-color: hsl(35 16% 60%);
  border-color: oklch(0.696 0.032 75.6);
}

Tailwind CSS v4

@theme {
  --color-land-of-nod: #a99b88;
  --color-land-of-nod-50: #faf4eb;
  --color-land-of-nod-100: #eee7dc;
  --color-land-of-nod-200: #dcd3c6;
  --color-land-of-nod-300: #c1b6a6;
  --color-land-of-nod-400: #aa9c8a;
  --color-land-of-nod-500: #93846f;
  --color-land-of-nod-600: #7c6f5e;
  --color-land-of-nod-700: #63594b;
  --color-land-of-nod-800: #494136;
  --color-land-of-nod-900: #332d25;
  --color-land-of-nod-950: #1e1a14;
}

SCSS

$land-of-nod: #a99b88;
$land-of-nod-rgb: 169, 155, 136;
$land-of-nod-light: mix(#fff, $land-of-nod, 20%);
$land-of-nod-dark: mix(#000, $land-of-nod, 20%);

.element {
  color: $land-of-nod;
  box-shadow: 0 0 0 2px rgba($land-of-nod, 0.35);
}