Lucky Bamboo

CSS

:root {
  --lucky-bamboo: #93834b;
  --lucky-bamboo-rgb: 147 131 75;
  --lucky-bamboo-oklch: oklch(0.612 0.078 93.9);
}

.element {
  color: var(--lucky-bamboo);
  background-color: hsl(47 32% 44%);
  border-color: oklch(0.612 0.078 93.9);
}

Tailwind CSS v4

@theme {
  --color-lucky-bamboo: #93834b;
  --color-lucky-bamboo-50: #fcf6dd;
  --color-lucky-bamboo-100: #efe8cb;
  --color-lucky-bamboo-200: #ded5af;
  --color-lucky-bamboo-300: #c3b88a;
  --color-lucky-bamboo-400: #ad9e69;
  --color-lucky-bamboo-500: #978546;
  --color-lucky-bamboo-600: #80713c;
  --color-lucky-bamboo-700: #665a30;
  --color-lucky-bamboo-800: #4c4221;
  --color-lucky-bamboo-900: #352d16;
  --color-lucky-bamboo-950: #201a07;
}

SCSS

$lucky-bamboo: #93834b;
$lucky-bamboo-rgb: 147, 131, 75;
$lucky-bamboo-light: mix(#fff, $lucky-bamboo, 20%);
$lucky-bamboo-dark: mix(#000, $lucky-bamboo, 20%);

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