#866049

CSS

:root {
  --dark-wood: #866049;
  --dark-wood-rgb: 134 96 73;
  --dark-wood-oklch: oklch(0.523 0.06 52.2);
}

.element {
  color: var(--dark-wood);
  background-color: hsl(23 29% 41%);
  border-color: oklch(0.523 0.06 52.2);
}

Tailwind CSS v4

@theme {
  --color-dark-wood: #866049;
  --color-dark-wood-50: #fff1e5;
  --color-dark-wood-100: #f9e3d5;
  --color-dark-wood-200: #eacebd;
  --color-dark-wood-300: #d1b09b;
  --color-dark-wood-400: #bc957e;
  --color-dark-wood-500: #a77b61;
  --color-dark-wood-600: #8d6852;
  --color-dark-wood-700: #715342;
  --color-dark-wood-800: #543c2f;
  --color-dark-wood-900: #3a2920;
  --color-dark-wood-950: #241710;
}

SCSS

$dark-wood: #866049;
$dark-wood-rgb: 134, 96, 73;
$dark-wood-light: mix(#fff, $dark-wood, 20%);
$dark-wood-dark: mix(#000, $dark-wood, 20%);

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