#FFDFE1

CSS

:root {
  --lucky-you: #ffdfe1;
  --lucky-you-rgb: 255 223 225;
  --lucky-you-oklch: oklch(0.931 0.036 13.5);
}

.element {
  color: var(--lucky-you);
  background-color: hsl(356 100% 94%);
  border-color: oklch(0.931 0.036 13.5);
}

Tailwind CSS v4

@theme {
  --color-lucky-you: #ffdfe1;
  --color-lucky-you-50: #fff1f2;
  --color-lucky-you-100: #f4e3e4;
  --color-lucky-you-200: #e3cecf;
  --color-lucky-you-300: #c9b0b1;
  --color-lucky-you-400: #b29698;
  --color-lucky-you-500: #9c7d7f;
  --color-lucky-you-600: #846a6c;
  --color-lucky-you-700: #6a5556;
  --color-lucky-you-800: #4e3d3f;
  --color-lucky-you-900: #362a2b;
  --color-lucky-you-950: #211819;
}

SCSS

$lucky-you: #ffdfe1;
$lucky-you-rgb: 255, 223, 225;
$lucky-you-light: mix(#fff, $lucky-you, 20%);
$lucky-you-dark: mix(#000, $lucky-you, 20%);

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