Red Gerbera

CSS

:root {
  --red-gerbera: #b07473;
  --red-gerbera-rgb: 176 116 115;
  --red-gerbera-oklch: oklch(0.621 0.076 20.5);
}

.element {
  color: var(--red-gerbera);
  background-color: hsl(1 28% 57%);
  border-color: oklch(0.621 0.076 20.5);
}

Tailwind CSS v4

@theme {
  --color-red-gerbera: #b07473;
  --color-red-gerbera-50: #ffedeb;
  --color-red-gerbera-100: #ffdfdc;
  --color-red-gerbera-200: #f3c8c5;
  --color-red-gerbera-300: #dca9a6;
  --color-red-gerbera-400: #c88d8b;
  --color-red-gerbera-500: #b37171;
  --color-red-gerbera-600: #976060;
  --color-red-gerbera-700: #7a4d4c;
  --color-red-gerbera-800: #5a3738;
  --color-red-gerbera-900: #3f2626;
  --color-red-gerbera-950: #281415;
}

SCSS

$red-gerbera: #b07473;
$red-gerbera-rgb: 176, 116, 115;
$red-gerbera-light: mix(#fff, $red-gerbera, 20%);
$red-gerbera-dark: mix(#000, $red-gerbera, 20%);

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