Café de Paris

CSS

:root {
  --cafe-de-paris: #889944;
  --cafe-de-paris-rgb: 136 153 68;
  --cafe-de-paris-oklch: oklch(0.651 0.113 119.1);
}

.element {
  color: var(--cafe-de-paris);
  background-color: hsl(72 38% 43%);
  border-color: oklch(0.651 0.113 119.1);
}

Tailwind CSS v4

@theme {
  --color-cafe-de-paris: #889944;
  --color-cafe-de-paris-50: #f0fbd7;
  --color-cafe-de-paris-100: #e2eec5;
  --color-cafe-de-paris-200: #cddca7;
  --color-cafe-de-paris-300: #afc17f;
  --color-cafe-de-paris-400: #97a858;
  --color-cafe-de-paris-500: #7e902e;
  --color-cafe-de-paris-600: #6b7a29;
  --color-cafe-de-paris-700: #556221;
  --color-cafe-de-paris-800: #404714;
  --color-cafe-de-paris-900: #2c310d;
  --color-cafe-de-paris-950: #191d01;
}

SCSS

$cafe-de-paris: #889944;
$cafe-de-paris-rgb: 136, 153, 68;
$cafe-de-paris-light: mix(#fff, $cafe-de-paris, 20%);
$cafe-de-paris-dark: mix(#000, $cafe-de-paris, 20%);

.element {
  color: $cafe-de-paris;
  box-shadow: 0 0 0 2px rgba($cafe-de-paris, 0.35);
}