#F3DCD5

CSS

:root {
  --porcelain-blush: #f3dcd5;
  --porcelain-blush-rgb: 243 220 213;
  --porcelain-blush-oklch: oklch(0.911 0.027 37.6);
}

.element {
  color: var(--porcelain-blush);
  background-color: hsl(14 56% 89%);
  border-color: oklch(0.911 0.027 37.6);
}

Tailwind CSS v4

@theme {
  --color-porcelain-blush: #f3dcd5;
  --color-porcelain-blush-50: #fdf3ef;
  --color-porcelain-blush-100: #f1e5e1;
  --color-porcelain-blush-200: #dfd1cc;
  --color-porcelain-blush-300: #c5b3ad;
  --color-porcelain-blush-400: #ae9993;
  --color-porcelain-blush-500: #978079;
  --color-porcelain-blush-600: #806d67;
  --color-porcelain-blush-700: #665752;
  --color-porcelain-blush-800: #4b3f3c;
  --color-porcelain-blush-900: #342c29;
  --color-porcelain-blush-950: #201917;
}

SCSS

$porcelain-blush: #f3dcd5;
$porcelain-blush-rgb: 243, 220, 213;
$porcelain-blush-light: mix(#fff, $porcelain-blush, 20%);
$porcelain-blush-dark: mix(#000, $porcelain-blush, 20%);

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