Dying Moss

CSS

:root {
  --dying-moss: #669c7d;
  --dying-moss-rgb: 102 156 125;
  --dying-moss-oklch: oklch(0.646 0.074 158.3);
}

.element {
  color: var(--dying-moss);
  background-color: hsl(146 21% 51%);
  border-color: oklch(0.646 0.074 158.3);
}

Tailwind CSS v4

@theme {
  --color-dying-moss: #669c7d;
  --color-dying-moss-50: #e4fcee;
  --color-dying-moss-100: #d4f0e0;
  --color-dying-moss-200: #badfca;
  --color-dying-moss-300: #97c4ab;
  --color-dying-moss-400: #79ac8e;
  --color-dying-moss-500: #599574;
  --color-dying-moss-600: #4c7e62;
  --color-dying-moss-700: #3d654e;
  --color-dying-moss-800: #2c4a38;
  --color-dying-moss-900: #1e3326;
  --color-dying-moss-950: #0d1f14;
}

SCSS

$dying-moss: #669c7d;
$dying-moss-rgb: 102, 156, 125;
$dying-moss-light: mix(#fff, $dying-moss, 20%);
$dying-moss-dark: mix(#000, $dying-moss, 20%);

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