Good Luck

CSS

:root {
  --good-luck: #499674;
  --good-luck-rgb: 73 150 116;
  --good-luck-oklch: oklch(0.614 0.093 162.8);
}

.element {
  color: var(--good-luck);
  background-color: hsl(154 35% 44%);
  border-color: oklch(0.614 0.093 162.8);
}

Tailwind CSS v4

@theme {
  --color-good-luck: #499674;
  --color-good-luck-50: #defeee;
  --color-good-luck-100: #ccf2e0;
  --color-good-luck-200: #b0e1ca;
  --color-good-luck-300: #8ac7ab;
  --color-good-luck-400: #68b08e;
  --color-good-luck-500: #429974;
  --color-good-luck-600: #398262;
  --color-good-luck-700: #2d684e;
  --color-good-luck-800: #214c38;
  --color-good-luck-900: #163526;
  --color-good-luck-950: #062014;
}

SCSS

$good-luck: #499674;
$good-luck-rgb: 73, 150, 116;
$good-luck-light: mix(#fff, $good-luck, 20%);
$good-luck-dark: mix(#000, $good-luck, 20%);

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