Olive Martini

CSS

:root {
  --olive-martini: #ced2ab;
  --olive-martini-rgb: 206 210 171;
  --olive-martini-oklch: oklch(0.851 0.052 112.3);
}

.element {
  color: var(--olive-martini);
  background-color: hsl(66 30% 75%);
  border-color: oklch(0.851 0.052 112.3);
}

Tailwind CSS v4

@theme {
  --color-olive-martini: #ced2ab;
  --color-olive-martini-50: #f4f7e6;
  --color-olive-martini-100: #e7ead7;
  --color-olive-martini-200: #d3d7be;
  --color-olive-martini-300: #b6bb9d;
  --color-olive-martini-400: #9fa27f;
  --color-olive-martini-500: #868a62;
  --color-olive-martini-600: #727553;
  --color-olive-martini-700: #5b5d42;
  --color-olive-martini-800: #43442f;
  --color-olive-martini-900: #2e2f20;
  --color-olive-martini-950: #1b1c0f;
}

SCSS

$olive-martini: #ced2ab;
$olive-martini-rgb: 206, 210, 171;
$olive-martini-light: mix(#fff, $olive-martini, 20%);
$olive-martini-dark: mix(#000, $olive-martini, 20%);

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