#99C2AB

CSS

:root {
  --lichen: #99c2ab;
  --lichen-rgb: 153 194 171;
  --lichen-oklch: oklch(0.778 0.055 160.2);
}

.element {
  color: var(--lichen);
  background-color: hsl(146 25% 68%);
  border-color: oklch(0.778 0.055 160.2);
}

Tailwind CSS v4

@theme {
  --color-lichen: #99c2ab;
  --color-lichen-50: #e8faf0;
  --color-lichen-100: #d9eee2;
  --color-lichen-200: #c0dccd;
  --color-lichen-300: #9fc1af;
  --color-lichen-400: #83a994;
  --color-lichen-500: #66927a;
  --color-lichen-600: #577b67;
  --color-lichen-700: #456352;
  --color-lichen-800: #32483b;
  --color-lichen-900: #223229;
  --color-lichen-950: #111e16;
}

SCSS

$lichen: #99c2ab;
$lichen-rgb: 153, 194, 171;
$lichen-light: mix(#fff, $lichen, 20%);
$lichen-dark: mix(#000, $lichen, 20%);

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