Cream of Mushroom

CSS

:root {
  --cream-of-mushroom: #ebd1be;
  --cream-of-mushroom-rgb: 235 209 190;
  --cream-of-mushroom-oklch: oklch(0.877 0.039 58.4);
}

.element {
  color: var(--cream-of-mushroom);
  background-color: hsl(25 53% 83%);
  border-color: oklch(0.877 0.039 58.4);
}

Tailwind CSS v4

@theme {
  --color-cream-of-mushroom: #ebd1be;
  --color-cream-of-mushroom-50: #fef3ea;
  --color-cream-of-mushroom-100: #f2e5db;
  --color-cream-of-mushroom-200: #e1d1c4;
  --color-cream-of-mushroom-300: #c7b3a4;
  --color-cream-of-mushroom-400: #b19988;
  --color-cream-of-mushroom-500: #9a806d;
  --color-cream-of-mushroom-600: #836d5c;
  --color-cream-of-mushroom-700: #69574a;
  --color-cream-of-mushroom-800: #4d3f35;
  --color-cream-of-mushroom-900: #362b24;
  --color-cream-of-mushroom-950: #211913;
}

SCSS

$cream-of-mushroom: #ebd1be;
$cream-of-mushroom-rgb: 235, 209, 190;
$cream-of-mushroom-light: mix(#fff, $cream-of-mushroom, 20%);
$cream-of-mushroom-dark: mix(#000, $cream-of-mushroom, 20%);

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