#FFDED7

CSS

:root {
  --pink-glitter: #ffded7;
  --pink-glitter-rgb: 255 222 215;
  --pink-glitter-oklch: oklch(0.926 0.038 31.9);
}

.element {
  color: var(--pink-glitter);
  background-color: hsl(11 100% 92%);
  border-color: oklch(0.926 0.038 31.9);
}

Tailwind CSS v4

@theme {
  --color-pink-glitter: #ffded7;
  --color-pink-glitter-50: #fff2ee;
  --color-pink-glitter-100: #f4e4e0;
  --color-pink-glitter-200: #e4cfca;
  --color-pink-glitter-300: #cab1ab;
  --color-pink-glitter-400: #b49791;
  --color-pink-glitter-500: #9e7d77;
  --color-pink-glitter-600: #856a64;
  --color-pink-glitter-700: #6b5550;
  --color-pink-glitter-800: #4f3e3b;
  --color-pink-glitter-900: #372a28;
  --color-pink-glitter-950: #221816;
}

SCSS

$pink-glitter: #ffded7;
$pink-glitter-rgb: 255, 222, 215;
$pink-glitter-light: mix(#fff, $pink-glitter, 20%);
$pink-glitter-dark: mix(#000, $pink-glitter, 20%);

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