#FCD6E8

CSS

:root {
  --mimi-pink: #fcd6e8;
  --mimi-pink-rgb: 252 214 232;
  --mimi-pink-oklch: oklch(0.913 0.048 347.9);
}

.element {
  color: var(--mimi-pink);
  background-color: hsl(332 86% 91%);
  border-color: oklch(0.913 0.048 347.9);
}

Tailwind CSS v4

@theme {
  --color-mimi-pink: #fcd6e8;
  --color-mimi-pink-50: #fff0f7;
  --color-mimi-pink-100: #f5e2ea;
  --color-mimi-pink-200: #e5ccd7;
  --color-mimi-pink-300: #ccaebb;
  --color-mimi-pink-400: #b593a3;
  --color-mimi-pink-500: #9f7a8c;
  --color-mimi-pink-600: #866776;
  --color-mimi-pink-700: #6c525f;
  --color-mimi-pink-800: #4f3c46;
  --color-mimi-pink-900: #372930;
  --color-mimi-pink-950: #22171d;
}

SCSS

$mimi-pink: #fcd6e8;
$mimi-pink-rgb: 252, 214, 232;
$mimi-pink-light: mix(#fff, $mimi-pink, 20%);
$mimi-pink-dark: mix(#000, $mimi-pink, 20%);

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