Old Bamboo

CSS

:root {
  --old-bamboo: #769164;
  --old-bamboo-rgb: 118 145 100;
  --old-bamboo-oklch: oklch(0.624 0.072 133.3);
}

.element {
  color: var(--old-bamboo);
  background-color: hsl(96 18% 48%);
  border-color: oklch(0.624 0.072 133.3);
}

Tailwind CSS v4

@theme {
  --color-old-bamboo: #769164;
  --color-old-bamboo-50: #ecfae6;
  --color-old-bamboo-100: #deeed6;
  --color-old-bamboo-200: #c7dcbd;
  --color-old-bamboo-300: #a8c09b;
  --color-old-bamboo-400: #8ea87c;
  --color-old-bamboo-500: #73915f;
  --color-old-bamboo-600: #627a51;
  --color-old-bamboo-700: #4e6240;
  --color-old-bamboo-800: #39482d;
  --color-old-bamboo-900: #27321e;
  --color-old-bamboo-950: #151e0e;
}

SCSS

$old-bamboo: #769164;
$old-bamboo-rgb: 118, 145, 100;
$old-bamboo-light: mix(#fff, $old-bamboo, 20%);
$old-bamboo-dark: mix(#000, $old-bamboo, 20%);

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