#F0BCAC

CSS

:root {
  --plushy-pink: #f0bcac;
  --plushy-pink-rgb: 240 188 172;
  --plushy-pink-oklch: oklch(0.838 0.064 37.8);
}

.element {
  color: var(--plushy-pink);
  background-color: hsl(14 69% 81%);
  border-color: oklch(0.838 0.064 37.8);
}

Tailwind CSS v4

@theme {
  --color-plushy-pink: #f0bcac;
  --color-plushy-pink-50: #fff0e8;
  --color-plushy-pink-100: #fce1d8;
  --color-plushy-pink-200: #eeccc0;
  --color-plushy-pink-300: #d5ad9f;
  --color-plushy-pink-400: #c19283;
  --color-plushy-pink-500: #ac7767;
  --color-plushy-pink-600: #916558;
  --color-plushy-pink-700: #755146;
  --color-plushy-pink-800: #563a33;
  --color-plushy-pink-900: #3c2823;
  --color-plushy-pink-950: #261612;
}

SCSS

$plushy-pink: #f0bcac;
$plushy-pink-rgb: 240, 188, 172;
$plushy-pink-light: mix(#fff, $plushy-pink, 20%);
$plushy-pink-dark: mix(#000, $plushy-pink, 20%);

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