Wild Ginseng

CSS

:root {
  --wild-ginseng: #80805d;
  --wild-ginseng-rgb: 128 128 93;
  --wild-ginseng-oklch: oklch(0.591 0.05 107.8);
}

.element {
  color: var(--wild-ginseng);
  background-color: hsl(60 16% 43%);
  border-color: oklch(0.591 0.05 107.8);
}

Tailwind CSS v4

@theme {
  --color-wild-ginseng: #80805d;
  --color-wild-ginseng-50: #f6f7e6;
  --color-wild-ginseng-100: #e8ead7;
  --color-wild-ginseng-200: #d5d7be;
  --color-wild-ginseng-300: #b8ba9d;
  --color-wild-ginseng-400: #a1a17f;
  --color-wild-ginseng-500: #898962;
  --color-wild-ginseng-600: #747453;
  --color-wild-ginseng-700: #5d5d42;
  --color-wild-ginseng-800: #44442f;
  --color-wild-ginseng-900: #2f2f20;
  --color-wild-ginseng-950: #1c1b10;
}

SCSS

$wild-ginseng: #80805d;
$wild-ginseng-rgb: 128, 128, 93;
$wild-ginseng-light: mix(#fff, $wild-ginseng, 20%);
$wild-ginseng-dark: mix(#000, $wild-ginseng, 20%);

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