Pale Moss Green

CSS

:root {
  --pale-moss-green: #d0dbc4;
  --pale-moss-green-rgb: 208 219 196;
  --pale-moss-green-oklch: oklch(0.877 0.033 128);
}

.element {
  color: var(--pale-moss-green);
  background-color: hsl(89 24% 81%);
  border-color: oklch(0.877 0.033 128);
}

Tailwind CSS v4

@theme {
  --color-pale-moss-green: #d0dbc4;
  --color-pale-moss-green-50: #f2f7ed;
  --color-pale-moss-green-100: #e4eadf;
  --color-pale-moss-green-200: #cfd7c9;
  --color-pale-moss-green-300: #b2bba9;
  --color-pale-moss-green-400: #99a28e;
  --color-pale-moss-green-500: #808b73;
  --color-pale-moss-green-600: #6c7562;
  --color-pale-moss-green-700: #565e4e;
  --color-pale-moss-green-800: #3f4538;
  --color-pale-moss-green-900: #2c2f26;
  --color-pale-moss-green-950: #191c15;
}

SCSS

$pale-moss-green: #d0dbc4;
$pale-moss-green-rgb: 208, 219, 196;
$pale-moss-green-light: mix(#fff, $pale-moss-green, 20%);
$pale-moss-green-dark: mix(#000, $pale-moss-green, 20%);

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