Hollywood

CSS

:root {
  --hollywood: #c7af4a;
  --hollywood-rgb: 199 175 74;
  --hollywood-oklch: oklch(0.755 0.123 95.9);
}

.element {
  color: var(--hollywood);
  background-color: hsl(48 53% 54%);
  border-color: oklch(0.755 0.123 95.9);
}

Tailwind CSS v4

@theme {
  --color-hollywood: #c7af4a;
  --color-hollywood-50: #fef6ce;
  --color-hollywood-100: #f2e9ba;
  --color-hollywood-200: #e2d598;
  --color-hollywood-300: #c8b86c;
  --color-hollywood-400: #b49e3e;
  --color-hollywood-500: #9f8400;
  --color-hollywood-600: #867000;
  --color-hollywood-700: #6b5a00;
  --color-hollywood-800: #504100;
  --color-hollywood-900: #382d00;
  --color-hollywood-950: #231a00;
}

SCSS

$hollywood: #c7af4a;
$hollywood-rgb: 199, 175, 74;
$hollywood-light: mix(#fff, $hollywood, 20%);
$hollywood-dark: mix(#000, $hollywood, 20%);

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