#89644D

CSS

:root {
  --mocha-delight: #89644d;
  --mocha-delight-rgb: 137 100 77;
  --mocha-delight-oklch: oklch(0.535 0.059 52.9);
}

.element {
  color: var(--mocha-delight);
  background-color: hsl(23 28% 42%);
  border-color: oklch(0.535 0.059 52.9);
}

Tailwind CSS v4

@theme {
  --color-mocha-delight: #89644d;
  --color-mocha-delight-50: #fff1e6;
  --color-mocha-delight-100: #f8e3d6;
  --color-mocha-delight-200: #e9cebd;
  --color-mocha-delight-300: #d0b09b;
  --color-mocha-delight-400: #bb957e;
  --color-mocha-delight-500: #a67c61;
  --color-mocha-delight-600: #8c6953;
  --color-mocha-delight-700: #705442;
  --color-mocha-delight-800: #533d30;
  --color-mocha-delight-900: #3a2a20;
  --color-mocha-delight-950: #241710;
}

SCSS

$mocha-delight: #89644d;
$mocha-delight-rgb: 137, 100, 77;
$mocha-delight-light: mix(#fff, $mocha-delight, 20%);
$mocha-delight-dark: mix(#000, $mocha-delight, 20%);

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