Kiln Dried

CSS

:root {
  --kiln-dried: #a89887;
  --kiln-dried-rgb: 168 152 135;
  --kiln-dried-oklch: oklch(0.689 0.031 69);
}

.element {
  color: var(--kiln-dried);
  background-color: hsl(31 16% 59%);
  border-color: oklch(0.689 0.031 69);
}

Tailwind CSS v4

@theme {
  --color-kiln-dried: #a89887;
  --color-kiln-dried-50: #fbf4ec;
  --color-kiln-dried-100: #efe6dd;
  --color-kiln-dried-200: #ddd2c6;
  --color-kiln-dried-300: #c2b5a7;
  --color-kiln-dried-400: #ab9c8b;
  --color-kiln-dried-500: #948371;
  --color-kiln-dried-600: #7d6f5f;
  --color-kiln-dried-700: #64594c;
  --color-kiln-dried-800: #4a4037;
  --color-kiln-dried-900: #332c26;
  --color-kiln-dried-950: #1f1914;
}

SCSS

$kiln-dried: #a89887;
$kiln-dried-rgb: 168, 152, 135;
$kiln-dried-light: mix(#fff, $kiln-dried, 20%);
$kiln-dried-dark: mix(#000, $kiln-dried, 20%);

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