Olive Chutney

CSS

:root {
  --olive-chutney: #a6997a;
  --olive-chutney-rgb: 166 153 122;
  --olive-chutney-oklch: oklch(0.686 0.046 88);
}

.element {
  color: var(--olive-chutney);
  background-color: hsl(42 20% 56%);
  border-color: oklch(0.686 0.046 88);
}

Tailwind CSS v4

@theme {
  --color-olive-chutney: #a6997a;
  --color-olive-chutney-50: #faf5e7;
  --color-olive-chutney-100: #eee8d7;
  --color-olive-chutney-200: #dcd4bf;
  --color-olive-chutney-300: #c0b79d;
  --color-olive-chutney-400: #aa9d80;
  --color-olive-chutney-500: #938563;
  --color-olive-chutney-600: #7c7054;
  --color-olive-chutney-700: #635a43;
  --color-olive-chutney-800: #494130;
  --color-olive-chutney-900: #332d21;
  --color-olive-chutney-950: #1f1a10;
}

SCSS

$olive-chutney: #a6997a;
$olive-chutney-rgb: 166, 153, 122;
$olive-chutney-light: mix(#fff, $olive-chutney, 20%);
$olive-chutney-dark: mix(#000, $olive-chutney, 20%);

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