#BAAE70

CSS

:root {
  --bamboo-forest: #baae70;
  --bamboo-forest-rgb: 186 174 112;
  --bamboo-forest-oklch: oklch(0.747 0.083 98.6);
}

.element {
  color: var(--bamboo-forest);
  background-color: hsl(50 35% 58%);
  border-color: oklch(0.747 0.083 98.6);
}

Tailwind CSS v4

@theme {
  --color-bamboo-forest: #baae70;
  --color-bamboo-forest-50: #faf6dc;
  --color-bamboo-forest-100: #eee9ca;
  --color-bamboo-forest-200: #dcd6ae;
  --color-bamboo-forest-300: #c0b988;
  --color-bamboo-forest-400: #ab9f65;
  --color-bamboo-forest-500: #948742;
  --color-bamboo-forest-600: #7d7239;
  --color-bamboo-forest-700: #645b2d;
  --color-bamboo-forest-800: #4b421f;
  --color-bamboo-forest-900: #342e14;
  --color-bamboo-forest-950: #1f1b06;
}

SCSS

$bamboo-forest: #baae70;
$bamboo-forest-rgb: 186, 174, 112;
$bamboo-forest-light: mix(#fff, $bamboo-forest, 20%);
$bamboo-forest-dark: mix(#000, $bamboo-forest, 20%);

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