Horseradish

CSS

:root {
  --horseradish: #e6dfc4;
  --horseradish-rgb: 230 223 196;
  --horseradish-oklch: oklch(0.902 0.037 95);
}

.element {
  color: var(--horseradish);
  background-color: hsl(48 40% 84%);
  border-color: oklch(0.902 0.037 95);
}

Tailwind CSS v4

@theme {
  --color-horseradish: #e6dfc4;
  --color-horseradish-50: #f8f5ea;
  --color-horseradish-100: #ebe8db;
  --color-horseradish-200: #d8d5c3;
  --color-horseradish-300: #bcb8a3;
  --color-horseradish-400: #a59f86;
  --color-horseradish-500: #8e866b;
  --color-horseradish-600: #78725b;
  --color-horseradish-700: #605b48;
  --color-horseradish-800: #474234;
  --color-horseradish-900: #312e23;
  --color-horseradish-950: #1d1b12;
}

SCSS

$horseradish: #e6dfc4;
$horseradish-rgb: 230, 223, 196;
$horseradish-light: mix(#fff, $horseradish, 20%);
$horseradish-dark: mix(#000, $horseradish, 20%);

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