Como

CSS

:root {
  --como: #4c785c;
  --como-rgb: 76 120 92;
  --como-oklch: oklch(0.532 0.066 155.5);
}

.element {
  color: var(--como);
  background-color: hsl(142 22% 38%);
  border-color: oklch(0.532 0.066 155.5);
}

Tailwind CSS v4

@theme {
  --color-como: #4c785c;
  --color-como-50: #e7fbee;
  --color-como-100: #d7efdf;
  --color-como-200: #beddc9;
  --color-como-300: #9cc2aa;
  --color-como-400: #7faa8e;
  --color-como-500: #629373;
  --color-como-600: #537d62;
  --color-como-700: #42644e;
  --color-como-800: #304938;
  --color-como-900: #213326;
  --color-como-950: #101e14;
}

SCSS

$como: #4c785c;
$como-rgb: 76, 120, 92;
$como-light: mix(#fff, $como, 20%);
$como-dark: mix(#000, $como, 20%);

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