Old Chalk

CSS

:root {
  --old-chalk: #e3d6e9;
  --old-chalk-rgb: 227 214 233;
  --old-chalk-oklch: oklch(0.892 0.029 315.3);
}

.element {
  color: var(--old-chalk);
  background-color: hsl(281 30% 88%);
  border-color: oklch(0.892 0.029 315.3);
}

Tailwind CSS v4

@theme {
  --color-old-chalk: #e3d6e9;
  --color-old-chalk-50: #f9f3fb;
  --color-old-chalk-100: #ece5ee;
  --color-old-chalk-200: #d9d1dd;
  --color-old-chalk-300: #beb3c1;
  --color-old-chalk-400: #a59aaa;
  --color-old-chalk-500: #8e8194;
  --color-old-chalk-600: #786d7d;
  --color-old-chalk-700: #605764;
  --color-old-chalk-800: #46404a;
  --color-old-chalk-900: #302c33;
  --color-old-chalk-950: #1d191f;
}

SCSS

$old-chalk: #e3d6e9;
$old-chalk-rgb: 227, 214, 233;
$old-chalk-light: mix(#fff, $old-chalk, 20%);
$old-chalk-dark: mix(#000, $old-chalk, 20%);

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