The White Death

CSS

:root {
  --the-white-death: #dadded;
  --the-white-death-rgb: 218 221 237;
  --the-white-death-oklch: oklch(0.9 0.022 277.5);
}

.element {
  color: var(--the-white-death);
  background-color: hsl(231 35% 89%);
  border-color: oklch(0.9 0.022 277.5);
}

Tailwind CSS v4

@theme {
  --color-the-white-death: #dadded;
  --color-the-white-death-50: #f4f5fc;
  --color-the-white-death-100: #e6e7ef;
  --color-the-white-death-200: #d2d3de;
  --color-the-white-death-300: #b5b6c3;
  --color-the-white-death-400: #9b9dac;
  --color-the-white-death-500: #828595;
  --color-the-white-death-600: #6e717e;
  --color-the-white-death-700: #585a65;
  --color-the-white-death-800: #40424a;
  --color-the-white-death-900: #2c2d33;
  --color-the-white-death-950: #191a1f;
}

SCSS

$the-white-death: #dadded;
$the-white-death-rgb: 218, 221, 237;
$the-white-death-light: mix(#fff, $the-white-death, 20%);
$the-white-death-dark: mix(#000, $the-white-death, 20%);

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