#E7DBEC

CSS

:root {
  --pink-champagne: #e7dbec;
  --pink-champagne-rgb: 231 219 236;
  --pink-champagne-oklch: oklch(0.906 0.026 316.1);
}

.element {
  color: var(--pink-champagne);
  background-color: hsl(282 31% 89%);
  border-color: oklch(0.906 0.026 316.1);
}

Tailwind CSS v4

@theme {
  --color-pink-champagne: #e7dbec;
  --color-pink-champagne-50: #f8f3fa;
  --color-pink-champagne-100: #ece5ee;
  --color-pink-champagne-200: #d9d1dc;
  --color-pink-champagne-300: #bdb3c0;
  --color-pink-champagne-400: #a59aa9;
  --color-pink-champagne-500: #8d8192;
  --color-pink-champagne-600: #776d7c;
  --color-pink-champagne-700: #605763;
  --color-pink-champagne-800: #464049;
  --color-pink-champagne-900: #302c32;
  --color-pink-champagne-950: #1c191e;
}

SCSS

$pink-champagne: #e7dbec;
$pink-champagne-rgb: 231, 219, 236;
$pink-champagne-light: mix(#fff, $pink-champagne, 20%);
$pink-champagne-dark: mix(#000, $pink-champagne, 20%);

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