Pure Cashmere

CSS

:root {
  --pure-cashmere: #aba093;
  --pure-cashmere-rgb: 171 160 147;
  --pure-cashmere-oklch: oklch(0.711 0.023 72.1);
}

.element {
  color: var(--pure-cashmere);
  background-color: hsl(33 13% 62%);
  border-color: oklch(0.711 0.023 72.1);
}

Tailwind CSS v4

@theme {
  --color-pure-cashmere: #aba093;
  --color-pure-cashmere-50: #f9f4ee;
  --color-pure-cashmere-100: #ece7e0;
  --color-pure-cashmere-200: #dad3ca;
  --color-pure-cashmere-300: #beb6ab;
  --color-pure-cashmere-400: #a79d90;
  --color-pure-cashmere-500: #908476;
  --color-pure-cashmere-600: #7a7064;
  --color-pure-cashmere-700: #615950;
  --color-pure-cashmere-800: #48413a;
  --color-pure-cashmere-900: #322d28;
  --color-pure-cashmere-950: #1e1a16;
}

SCSS

$pure-cashmere: #aba093;
$pure-cashmere-rgb: 171, 160, 147;
$pure-cashmere-light: mix(#fff, $pure-cashmere, 20%);
$pure-cashmere-dark: mix(#000, $pure-cashmere, 20%);

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