Green Olive Pit

CSS

:root {
  --green-olive-pit: #bdaa89;
  --green-olive-pit-rgb: 189 170 137;
  --green-olive-pit-oklch: oklch(0.746 0.05 81.4);
}

.element {
  color: var(--green-olive-pit);
  background-color: hsl(38 28% 64%);
  border-color: oklch(0.746 0.05 81.4);
}

Tailwind CSS v4

@theme {
  --color-green-olive-pit: #bdaa89;
  --color-green-olive-pit-50: #fcf4e5;
  --color-green-olive-pit-100: #f0e7d5;
  --color-green-olive-pit-200: #dfd3bd;
  --color-green-olive-pit-300: #c4b69b;
  --color-green-olive-pit-400: #ae9c7d;
  --color-green-olive-pit-500: #978360;
  --color-green-olive-pit-600: #806f52;
  --color-green-olive-pit-700: #665941;
  --color-green-olive-pit-800: #4c412f;
  --color-green-olive-pit-900: #352c1f;
  --color-green-olive-pit-950: #201a0f;
}

SCSS

$green-olive-pit: #bdaa89;
$green-olive-pit-rgb: 189, 170, 137;
$green-olive-pit-light: mix(#fff, $green-olive-pit, 20%);
$green-olive-pit-dark: mix(#000, $green-olive-pit, 20%);

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