#D8E7C8

CSS

:root {
  --breath-of-celery: #d8e7c8;
  --breath-of-celery-rgb: 216 231 200;
  --breath-of-celery-oklch: oklch(0.908 0.044 128.4);
}

.element {
  color: var(--breath-of-celery);
  background-color: hsl(89 39% 85%);
  border-color: oklch(0.908 0.044 128.4);
}

Tailwind CSS v4

@theme {
  --color-breath-of-celery: #d8e7c8;
  --color-breath-of-celery-50: #f1f8eb;
  --color-breath-of-celery-100: #e3ebdc;
  --color-breath-of-celery-200: #ced8c5;
  --color-breath-of-celery-300: #b0bca5;
  --color-breath-of-celery-400: #97a488;
  --color-breath-of-celery-500: #7d8c6d;
  --color-breath-of-celery-600: #6a775c;
  --color-breath-of-celery-700: #555f4a;
  --color-breath-of-celery-800: #3e4535;
  --color-breath-of-celery-900: #2b3024;
  --color-breath-of-celery-950: #181c13;
}

SCSS

$breath-of-celery: #d8e7c8;
$breath-of-celery-rgb: 216, 231, 200;
$breath-of-celery-light: mix(#fff, $breath-of-celery, 20%);
$breath-of-celery-dark: mix(#000, $breath-of-celery, 20%);

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