Red Chilli

CSS

:root {
  --red-chilli: #95372d;
  --red-chilli-rgb: 149 55 45;
  --red-chilli-oklch: oklch(0.468 0.129 28.9);
}

.element {
  color: var(--red-chilli);
  background-color: hsl(6 54% 38%);
  border-color: oklch(0.468 0.129 28.9);
}

Tailwind CSS v4

@theme {
  --color-red-chilli: #95372d;
  --color-red-chilli-50: #ffe8df;
  --color-red-chilli-100: #ffd9ce;
  --color-red-chilli-200: #ffc0b3;
  --color-red-chilli-300: #f29e8f;
  --color-red-chilli-400: #e07f72;
  --color-red-chilli-500: #cd6052;
  --color-red-chilli-600: #ad5246;
  --color-red-chilli-700: #8b4138;
  --color-red-chilli-800: #682e29;
  --color-red-chilli-900: #491f1c;
  --color-red-chilli-950: #300f0c;
}

SCSS

$red-chilli: #95372d;
$red-chilli-rgb: 149, 55, 45;
$red-chilli-light: mix(#fff, $red-chilli, 20%);
$red-chilli-dark: mix(#000, $red-chilli, 20%);

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