Wild Porcini

CSS

:root {
  --wild-porcini: #d6c0aa;
  --wild-porcini-rgb: 214 192 170;
  --wild-porcini-oklch: oklch(0.82 0.039 67.2);
}

.element {
  color: var(--wild-porcini);
  background-color: hsl(30 35% 75%);
  border-color: oklch(0.82 0.039 67.2);
}

Tailwind CSS v4

@theme {
  --color-wild-porcini: #d6c0aa;
  --color-wild-porcini-50: #fdf3e9;
  --color-wild-porcini-100: #f1e6da;
  --color-wild-porcini-200: #e0d2c3;
  --color-wild-porcini-300: #c5b4a2;
  --color-wild-porcini-400: #af9a86;
  --color-wild-porcini-500: #98826b;
  --color-wild-porcini-600: #816e5b;
  --color-wild-porcini-700: #675848;
  --color-wild-porcini-800: #4c4034;
  --color-wild-porcini-900: #352c24;
  --color-wild-porcini-950: #201912;
}

SCSS

$wild-porcini: #d6c0aa;
$wild-porcini-rgb: 214, 192, 170;
$wild-porcini-light: mix(#fff, $wild-porcini, 20%);
$wild-porcini-dark: mix(#000, $wild-porcini, 20%);

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