Pale Green Grey

CSS

:root {
  --pale-green-grey: #96907e;
  --pale-green-grey-rgb: 150 144 126;
  --pale-green-grey-oklch: oklch(0.653 0.027 91.7);
}

.element {
  color: var(--pale-green-grey);
  background-color: hsl(45 10% 54%);
  border-color: oklch(0.653 0.027 91.7);
}

Tailwind CSS v4

@theme {
  --color-pale-green-grey: #96907e;
  --color-pale-green-grey-50: #f7f5ed;
  --color-pale-green-grey-100: #ebe8de;
  --color-pale-green-grey-200: #d8d4c8;
  --color-pale-green-grey-300: #bcb7a8;
  --color-pale-green-grey-400: #a49e8d;
  --color-pale-green-grey-500: #8c8672;
  --color-pale-green-grey-600: #777161;
  --color-pale-green-grey-700: #5f5b4d;
  --color-pale-green-grey-800: #464238;
  --color-pale-green-grey-900: #302e26;
  --color-pale-green-grey-950: #1d1a15;
}

SCSS

$pale-green-grey: #96907e;
$pale-green-grey-rgb: 150, 144, 126;
$pale-green-grey-light: mix(#fff, $pale-green-grey, 20%);
$pale-green-grey-dark: mix(#000, $pale-green-grey, 20%);

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