#97DCBF

CSS

:root {
  --cabbage: #97dcbf;
  --cabbage-rgb: 151 220 191;
  --cabbage-oklch: oklch(0.84 0.081 166.4);
}

.element {
  color: var(--cabbage);
  background-color: hsl(155 50% 73%);
  border-color: oklch(0.84 0.081 166.4);
}

Tailwind CSS v4

@theme {
  --color-cabbage: #97dcbf;
  --color-cabbage-50: #e0fdf1;
  --color-cabbage-100: #cff1e3;
  --color-cabbage-200: #b4e0ce;
  --color-cabbage-300: #8fc5b0;
  --color-cabbage-400: #6eae94;
  --color-cabbage-500: #4b977a;
  --color-cabbage-600: #418068;
  --color-cabbage-700: #336653;
  --color-cabbage-800: #254b3b;
  --color-cabbage-900: #193428;
  --color-cabbage-950: #092016;
}

SCSS

$cabbage: #97dcbf;
$cabbage-rgb: 151, 220, 191;
$cabbage-light: mix(#fff, $cabbage, 20%);
$cabbage-dark: mix(#000, $cabbage, 20%);

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