#969D8E

CSS

:root {
  --lemongrass: #969d8e;
  --lemongrass-rgb: 150 157 142;
  --lemongrass-oklch: oklch(0.686 0.023 127.5);
}

.element {
  color: var(--lemongrass);
  background-color: hsl(88 7% 59%);
  border-color: oklch(0.686 0.023 127.5);
}

Tailwind CSS v4

@theme {
  --color-lemongrass: #969d8e;
  --color-lemongrass-50: #f3f6f0;
  --color-lemongrass-100: #e5e9e2;
  --color-lemongrass-200: #d1d6cc;
  --color-lemongrass-300: #b4baae;
  --color-lemongrass-400: #9aa193;
  --color-lemongrass-500: #828979;
  --color-lemongrass-600: #6e7467;
  --color-lemongrass-700: #585d52;
  --color-lemongrass-800: #40443b;
  --color-lemongrass-900: #2c2f29;
  --color-lemongrass-950: #191b17;
}

SCSS

$lemongrass: #969d8e;
$lemongrass-rgb: 150, 157, 142;
$lemongrass-light: mix(#fff, $lemongrass, 20%);
$lemongrass-dark: mix(#000, $lemongrass, 20%);

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