Privileged

CSS

:root {
  --privileged: #f3ead7;
  --privileged-rgb: 243 234 215;
  --privileged-oklch: oklch(0.939 0.027 85.7);
}

.element {
  color: var(--privileged);
  background-color: hsl(41 54% 90%);
  border-color: oklch(0.939 0.027 85.7);
}

Tailwind CSS v4

@theme {
  --color-privileged: #f3ead7;
  --color-privileged-50: #f8f5ed;
  --color-privileged-100: #ece7de;
  --color-privileged-200: #d9d4c8;
  --color-privileged-300: #bdb7a8;
  --color-privileged-400: #a69e8d;
  --color-privileged-500: #8e8572;
  --color-privileged-600: #787161;
  --color-privileged-700: #605a4d;
  --color-privileged-800: #474238;
  --color-privileged-900: #312d26;
  --color-privileged-950: #1d1a15;
}

SCSS

$privileged: #f3ead7;
$privileged-rgb: 243, 234, 215;
$privileged-light: mix(#fff, $privileged, 20%);
$privileged-dark: mix(#000, $privileged, 20%);

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