Red Chicory

CSS

:root {
  --red-chicory: #883543;
  --red-chicory-rgb: 136 53 67;
  --red-chicory-oklch: oklch(0.449 0.114 12.6);
}

.element {
  color: var(--red-chicory);
  background-color: hsl(350 44% 37%);
  border-color: oklch(0.449 0.114 12.6);
}

Tailwind CSS v4

@theme {
  --color-red-chicory: #883543;
  --color-red-chicory-50: #ffe9eb;
  --color-red-chicory-100: #ffd9dc;
  --color-red-chicory-200: #ffc1c5;
  --color-red-chicory-300: #ec9fa5;
  --color-red-chicory-400: #d9818c;
  --color-red-chicory-500: #c56371;
  --color-red-chicory-600: #a75560;
  --color-red-chicory-700: #86434c;
  --color-red-chicory-800: #633039;
  --color-red-chicory-900: #462127;
  --color-red-chicory-950: #2d1015;
}

SCSS

$red-chicory: #883543;
$red-chicory-rgb: 136, 53, 67;
$red-chicory-light: mix(#fff, $red-chicory, 20%);
$red-chicory-dark: mix(#000, $red-chicory, 20%);

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