#9B3D00

CSS

:root {
  --muddy: #9b3d00;
  --muddy-rgb: 155 61 0;
  --muddy-oklch: oklch(0.483 0.139 44.6);
}

.element {
  color: var(--muddy);
  background-color: hsl(24 100% 30%);
  border-color: oklch(0.483 0.139 44.6);
}

Tailwind CSS v4

@theme {
  --color-muddy: #9b3d00;
  --color-muddy-50: #ffead4;
  --color-muddy-100: #ffdac1;
  --color-muddy-200: #ffc2a2;
  --color-muddy-300: #f2a179;
  --color-muddy-400: #e18156;
  --color-muddy-500: #cf622b;
  --color-muddy-600: #af5427;
  --color-muddy-700: #8c431f;
  --color-muddy-800: #692f16;
  --color-muddy-900: #4a200e;
  --color-muddy-950: #300f02;
}

SCSS

$muddy: #9b3d00;
$muddy-rgb: 155, 61, 0;
$muddy-light: mix(#fff, $muddy, 20%);
$muddy-dark: mix(#000, $muddy, 20%);

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