#926D6D

CSS

:root {
  --equestrienne: #926d6d;
  --equestrienne-rgb: 146 109 109;
  --equestrienne-oklch: oklch(0.572 0.047 18.6);
}

.element {
  color: var(--equestrienne);
  background-color: hsl(0 15% 50%);
  border-color: oklch(0.572 0.047 18.6);
}

Tailwind CSS v4

@theme {
  --color-equestrienne: #926d6d;
  --color-equestrienne-50: #fff0ef;
  --color-equestrienne-100: #f8e2e1;
  --color-equestrienne-200: #e8cdcc;
  --color-equestrienne-300: #cfaead;
  --color-equestrienne-400: #b99494;
  --color-equestrienne-500: #a37a7a;
  --color-equestrienne-600: #8a6767;
  --color-equestrienne-700: #6f5352;
  --color-equestrienne-800: #523c3d;
  --color-equestrienne-900: #39292a;
  --color-equestrienne-950: #231717;
}

SCSS

$equestrienne: #926d6d;
$equestrienne-rgb: 146, 109, 109;
$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);
}