Nectar of the Goddess

CSS

:root {
  --nectar-of-the-goddess: #e3a701;
  --nectar-of-the-goddess-rgb: 227 167 1;
  --nectar-of-the-goddess-oklch: oklch(0.764 0.157 82.6);
}

.element {
  color: var(--nectar-of-the-goddess);
  background-color: hsl(44 99% 45%);
  border-color: oklch(0.764 0.157 82.6);
}

Tailwind CSS v4

@theme {
  --color-nectar-of-the-goddess: #e3a701;
  --color-nectar-of-the-goddess-50: #fff2c2;
  --color-nectar-of-the-goddess-100: #ffe4ac;
  --color-nectar-of-the-goddess-200: #f4cf84;
  --color-nectar-of-the-goddess-300: #ddb04f;
  --color-nectar-of-the-goddess-400: #cb9400;
  --color-nectar-of-the-goddess-500: #b87800;
  --color-nectar-of-the-goddess-600: #9b6600;
  --color-nectar-of-the-goddess-700: #7d5100;
  --color-nectar-of-the-goddess-800: #5e3a00;
  --color-nectar-of-the-goddess-900: #422800;
  --color-nectar-of-the-goddess-950: #2a1600;
}

SCSS

$nectar-of-the-goddess: #e3a701;
$nectar-of-the-goddess-rgb: 227, 167, 1;
$nectar-of-the-goddess-light: mix(#fff, $nectar-of-the-goddess, 20%);
$nectar-of-the-goddess-dark: mix(#000, $nectar-of-the-goddess, 20%);

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