#913207

CSS

:root {
  --chocoholic: #913207;
  --chocoholic-rgb: 145 50 7;
  --chocoholic-oklch: oklch(0.451 0.137 39.9);
}

.element {
  color: var(--chocoholic);
  background-color: hsl(19 91% 30%);
  border-color: oklch(0.451 0.137 39.9);
}

Tailwind CSS v4

@theme {
  --color-chocoholic: #913207;
  --color-chocoholic-50: #ffe9d7;
  --color-chocoholic-100: #ffdac5;
  --color-chocoholic-200: #ffc1a6;
  --color-chocoholic-300: #f3a07f;
  --color-chocoholic-400: #e2805e;
  --color-chocoholic-500: #cf6138;
  --color-chocoholic-600: #af5331;
  --color-chocoholic-700: #8d4227;
  --color-chocoholic-800: #692f1c;
  --color-chocoholic-900: #4a2012;
  --color-chocoholic-950: #300f05;
}

SCSS

$chocoholic: #913207;
$chocoholic-rgb: 145, 50, 7;
$chocoholic-light: mix(#fff, $chocoholic, 20%);
$chocoholic-dark: mix(#000, $chocoholic, 20%);

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