#59AB71

CSS

:root {
  --endo: #59ab71;
  --endo-rgb: 89 171 113;
  --endo-oklch: oklch(0.674 0.118 151.6);
}

.element {
  color: var(--endo);
  background-color: hsl(138 33% 51%);
  border-color: oklch(0.674 0.118 151.6);
}

Tailwind CSS v4

@theme {
  --color-endo: #59ab71;
  --color-endo-50: #dcffe6;
  --color-endo-100: #cbf4d6;
  --color-endo-200: #aee4bd;
  --color-endo-300: #87c99b;
  --color-endo-400: #65b27b;
  --color-endo-500: #3e9c5d;
  --color-endo-600: #36844f;
  --color-endo-700: #2b6a3f;
  --color-endo-800: #204d2b;
  --color-endo-900: #15361d;
  --color-endo-950: #06210d;
}

SCSS

$endo: #59ab71;
$endo-rgb: 89, 171, 113;
$endo-light: mix(#fff, $endo, 20%);
$endo-dark: mix(#000, $endo, 20%);

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