Wood Ash

CSS

:root {
  --wood-ash: #d7cab0;
  --wood-ash-rgb: 215 202 176;
  --wood-ash-oklch: oklch(0.843 0.038 84.6);
}

.element {
  color: var(--wood-ash);
  background-color: hsl(40 33% 77%);
  border-color: oklch(0.843 0.038 84.6);
}

Tailwind CSS v4

@theme {
  --color-wood-ash: #d7cab0;
  --color-wood-ash-50: #faf5e9;
  --color-wood-ash-100: #ede7da;
  --color-wood-ash-200: #dbd4c2;
  --color-wood-ash-300: #c0b7a2;
  --color-wood-ash-400: #a99d85;
  --color-wood-ash-500: #92856a;
  --color-wood-ash-600: #7b705a;
  --color-wood-ash-700: #635a48;
  --color-wood-ash-800: #494134;
  --color-wood-ash-900: #332d23;
  --color-wood-ash-950: #1e1a12;
}

SCSS

$wood-ash: #d7cab0;
$wood-ash-rgb: 215, 202, 176;
$wood-ash-light: mix(#fff, $wood-ash, 20%);
$wood-ash-dark: mix(#000, $wood-ash, 20%);

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