Placebo Red

CSS

:root {
  --placebo-red: #fcebeb;
  --placebo-red-rgb: 252 235 235;
  --placebo-red-oklch: oklch(0.954 0.019 17.5);
}

.element {
  color: var(--placebo-red);
  background-color: hsl(0 74% 95%);
  border-color: oklch(0.954 0.019 17.5);
}

Tailwind CSS v4

@theme {
  --color-placebo-red: #fcebeb;
  --color-placebo-red-50: #faf3f3;
  --color-placebo-red-100: #eee5e5;
  --color-placebo-red-200: #dcd1d1;
  --color-placebo-red-300: #c1b4b3;
  --color-placebo-red-400: #a99a9a;
  --color-placebo-red-500: #928182;
  --color-placebo-red-600: #7c6e6e;
  --color-placebo-red-700: #635858;
  --color-placebo-red-800: #494040;
  --color-placebo-red-900: #322c2c;
  --color-placebo-red-950: #1e1919;
}

SCSS

$placebo-red: #fcebeb;
$placebo-red-rgb: 252, 235, 235;
$placebo-red-light: mix(#fff, $placebo-red, 20%);
$placebo-red-dark: mix(#000, $placebo-red, 20%);

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