#C7903C

CSS

:root {
  --victorian-crown: #c7903c;
  --victorian-crown-rgb: 199 144 60;
  --victorian-crown-oklch: oklch(0.692 0.119 74.7);
}

.element {
  color: var(--victorian-crown);
  background-color: hsl(36 55% 51%);
  border-color: oklch(0.692 0.119 74.7);
}

Tailwind CSS v4

@theme {
  --color-victorian-crown: #c7903c;
  --color-victorian-crown-50: #fff1d0;
  --color-victorian-crown-100: #ffe3bc;
  --color-victorian-crown-200: #f2ce9b;
  --color-victorian-crown-300: #daaf70;
  --color-victorian-crown-400: #c89346;
  --color-victorian-crown-500: #b47800;
  --color-victorian-crown-600: #986609;
  --color-victorian-crown-700: #7a5209;
  --color-victorian-crown-800: #5b3b05;
  --color-victorian-crown-900: #402804;
  --color-victorian-crown-950: #291600;
}

SCSS

$victorian-crown: #c7903c;
$victorian-crown-rgb: 199, 144, 60;
$victorian-crown-light: mix(#fff, $victorian-crown, 20%);
$victorian-crown-dark: mix(#000, $victorian-crown, 20%);

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