Most Delicate

CSS

:root {
  --most-delicate: #e3d6d4;
  --most-delicate-rgb: 227 214 212;
  --most-delicate-oklch: oklch(0.886 0.015 28);
}

.element {
  color: var(--most-delicate);
  background-color: hsl(8 21% 86%);
  border-color: oklch(0.886 0.015 28);
}

Tailwind CSS v4

@theme {
  --color-most-delicate: #e3d6d4;
  --color-most-delicate-50: #f9f4f3;
  --color-most-delicate-100: #ede6e5;
  --color-most-delicate-200: #dad2d0;
  --color-most-delicate-300: #bfb5b3;
  --color-most-delicate-400: #a79b9a;
  --color-most-delicate-500: #908381;
  --color-most-delicate-600: #7a6f6d;
  --color-most-delicate-700: #615857;
  --color-most-delicate-800: #474040;
  --color-most-delicate-900: #312c2c;
  --color-most-delicate-950: #1d1a19;
}

SCSS

$most-delicate: #e3d6d4;
$most-delicate-rgb: 227, 214, 212;
$most-delicate-light: mix(#fff, $most-delicate, 20%);
$most-delicate-dark: mix(#000, $most-delicate, 20%);

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