Star of the Morning

CSS

:root {
  --star-of-the-morning: #ebbbbe;
  --star-of-the-morning-rgb: 235 187 190;
  --star-of-the-morning-oklch: oklch(0.835 0.055 14.1);
}

.element {
  color: var(--star-of-the-morning);
  background-color: hsl(356 55% 83%);
  border-color: oklch(0.835 0.055 14.1);
}

Tailwind CSS v4

@theme {
  --color-star-of-the-morning: #ebbbbe;
  --color-star-of-the-morning-50: #ffeff0;
  --color-star-of-the-morning-100: #fae1e1;
  --color-star-of-the-morning-200: #ebcbcc;
  --color-star-of-the-morning-300: #d2acae;
  --color-star-of-the-morning-400: #bd9194;
  --color-star-of-the-morning-500: #a8777b;
  --color-star-of-the-morning-600: #8e6568;
  --color-star-of-the-morning-700: #725153;
  --color-star-of-the-morning-800: #543b3d;
  --color-star-of-the-morning-900: #3a282a;
  --color-star-of-the-morning-950: #241618;
}

SCSS

$star-of-the-morning: #ebbbbe;
$star-of-the-morning-rgb: 235, 187, 190;
$star-of-the-morning-light: mix(#fff, $star-of-the-morning, 20%);
$star-of-the-morning-dark: mix(#000, $star-of-the-morning, 20%);

.element {
  color: $star-of-the-morning;
  box-shadow: 0 0 0 2px rgba($star-of-the-morning, 0.35);
}