Green Ash

CSS

:root {
  --green-ash: #95d6a1;
  --green-ash-rgb: 149 214 161;
  --green-ash-oklch: oklch(0.818 0.099 149.5);
}

.element {
  color: var(--green-ash);
  background-color: hsl(131 44% 71%);
  border-color: oklch(0.818 0.099 149.5);
}

Tailwind CSS v4

@theme {
  --color-green-ash: #95d6a1;
  --color-green-ash-50: #e1fee7;
  --color-green-ash-100: #d1f2d8;
  --color-green-ash-200: #b6e1bf;
  --color-green-ash-300: #92c69e;
  --color-green-ash-400: #73af7f;
  --color-green-ash-500: #529862;
  --color-green-ash-600: #468153;
  --color-green-ash-700: #386742;
  --color-green-ash-800: #294c2e;
  --color-green-ash-900: #1c351f;
  --color-green-ash-950: #0c200f;
}

SCSS

$green-ash: #95d6a1;
$green-ash-rgb: 149, 214, 161;
$green-ash-light: mix(#fff, $green-ash, 20%);
$green-ash-dark: mix(#000, $green-ash, 20%);

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