#F8E6E9

CSS

:root {
  --just-pink-enough: #f8e6e9;
  --just-pink-enough-rgb: 248 230 233;
  --just-pink-enough-oklch: oklch(0.94 0.02 6);
}

.element {
  color: var(--just-pink-enough);
  background-color: hsl(350 56% 94%);
  border-color: oklch(0.94 0.02 6);
}

Tailwind CSS v4

@theme {
  --color-just-pink-enough: #f8e6e9;
  --color-just-pink-enough-50: #fbf3f4;
  --color-just-pink-enough-100: #eee5e6;
  --color-just-pink-enough-200: #dcd1d2;
  --color-just-pink-enough-300: #c1b3b5;
  --color-just-pink-enough-400: #aa9a9c;
  --color-just-pink-enough-500: #938184;
  --color-just-pink-enough-600: #7c6d70;
  --color-just-pink-enough-700: #635759;
  --color-just-pink-enough-800: #494041;
  --color-just-pink-enough-900: #322c2d;
  --color-just-pink-enough-950: #1e191a;
}

SCSS

$just-pink-enough: #f8e6e9;
$just-pink-enough-rgb: 248, 230, 233;
$just-pink-enough-light: mix(#fff, $just-pink-enough, 20%);
$just-pink-enough-dark: mix(#000, $just-pink-enough, 20%);

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