Tandoori Red

CSS

:root {
  --tandoori-red: #d25762;
  --tandoori-red-rgb: 210 87 98;
  --tandoori-red-oklch: oklch(0.617 0.155 17.5);
}

.element {
  color: var(--tandoori-red);
  background-color: hsl(355 58% 58%);
  border-color: oklch(0.617 0.155 17.5);
}

Tailwind CSS v4

@theme {
  --color-tandoori-red: #d25762;
  --color-tandoori-red-50: #ffe4e3;
  --color-tandoori-red-100: #ffd4d3;
  --color-tandoori-red-200: #ffbab9;
  --color-tandoori-red-300: #fd9697;
  --color-tandoori-red-400: #ec747c;
  --color-tandoori-red-500: #d9515f;
  --color-tandoori-red-600: #b84551;
  --color-tandoori-red-700: #943740;
  --color-tandoori-red-800: #6e2730;
  --color-tandoori-red-900: #4e1a21;
  --color-tandoori-red-950: #330a10;
}

SCSS

$tandoori-red: #d25762;
$tandoori-red-rgb: 210, 87, 98;
$tandoori-red-light: mix(#fff, $tandoori-red, 20%);
$tandoori-red-dark: mix(#000, $tandoori-red, 20%);

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