#966C69

CSS

:root {
  --equestrienne: #966c69;
  --equestrienne-rgb: 150 108 105;
  --equestrienne-oklch: oklch(0.573 0.054 23.5);
}

.element {
  color: var(--equestrienne);
  background-color: hsl(4 18% 50%);
  border-color: oklch(0.573 0.054 23.5);
}

Tailwind CSS v4

@theme {
  --color-equestrienne: #966c69;
  --color-equestrienne-50: #fff0ed;
  --color-equestrienne-100: #fae1df;
  --color-equestrienne-200: #ebccc8;
  --color-equestrienne-300: #d2ada9;
  --color-equestrienne-400: #bd928f;
  --color-equestrienne-500: #a77875;
  --color-equestrienne-600: #8d6663;
  --color-equestrienne-700: #71514f;
  --color-equestrienne-800: #543b3a;
  --color-equestrienne-900: #3a2828;
  --color-equestrienne-950: #241616;
}

SCSS

$equestrienne: #966c69;
$equestrienne-rgb: 150, 108, 105;
$equestrienne-light: mix(#fff, $equestrienne, 20%);
$equestrienne-dark: mix(#000, $equestrienne, 20%);

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