Yellow of Izamal

CSS

:root {
  --yellow-of-izamal: #eaad04;
  --yellow-of-izamal-rgb: 234 173 4;
  --yellow-of-izamal-oklch: oklch(0.784 0.161 82.9);
}

.element {
  color: var(--yellow-of-izamal);
  background-color: hsl(44 97% 47%);
  border-color: oklch(0.784 0.161 82.9);
}

Tailwind CSS v4

@theme {
  --color-yellow-of-izamal: #eaad04;
  --color-yellow-of-izamal-50: #fff2c1;
  --color-yellow-of-izamal-100: #ffe4aa;
  --color-yellow-of-izamal-200: #f4cf82;
  --color-yellow-of-izamal-300: #ddb04b;
  --color-yellow-of-izamal-400: #cc9300;
  --color-yellow-of-izamal-500: #b97800;
  --color-yellow-of-izamal-600: #9c6500;
  --color-yellow-of-izamal-700: #7d5100;
  --color-yellow-of-izamal-800: #5e3a00;
  --color-yellow-of-izamal-900: #422800;
  --color-yellow-of-izamal-950: #2a1500;
}

SCSS

$yellow-of-izamal: #eaad04;
$yellow-of-izamal-rgb: 234, 173, 4;
$yellow-of-izamal-light: mix(#fff, $yellow-of-izamal, 20%);
$yellow-of-izamal-dark: mix(#000, $yellow-of-izamal, 20%);

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