Bile

CSS

:root {
  --bile: #b5c306;
  --bile-rgb: 181 195 6;
  --bile-oklch: oklch(0.78 0.176 114.9);
}

.element {
  color: var(--bile);
  background-color: hsl(64 94% 39%);
  border-color: oklch(0.78 0.176 114.9);
}

Tailwind CSS v4

@theme {
  --color-bile: #b5c306;
  --color-bile-50: #f1fcc3;
  --color-bile-100: #e3f0ad;
  --color-bile-200: #cfde86;
  --color-bile-300: #b2c350;
  --color-bile-400: #9ca900;
  --color-bile-500: #859100;
  --color-bile-600: #717a00;
  --color-bile-700: #5a6200;
  --color-bile-800: #444700;
  --color-bile-900: #2f3100;
  --color-bile-950: #1c1d00;
}

SCSS

$bile: #b5c306;
$bile-rgb: 181, 195, 6;
$bile-light: mix(#fff, $bile, 20%);
$bile-dark: mix(#000, $bile, 20%);

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