#E67C75

CSS

:root {
  --jinza-safflower: #e67c75;
  --jinza-safflower-rgb: 230 124 117;
  --jinza-safflower-oklch: oklch(0.703 0.132 24.9);
}

.element {
  color: var(--jinza-safflower);
  background-color: hsl(4 69% 68%);
  border-color: oklch(0.703 0.132 24.9);
}

Tailwind CSS v4

@theme {
  --color-jinza-safflower: #e67c75;
  --color-jinza-safflower-50: #ffe8e1;
  --color-jinza-safflower-100: #ffd8d0;
  --color-jinza-safflower-200: #ffbfb6;
  --color-jinza-safflower-300: #f49d93;
  --color-jinza-safflower-400: #e27d76;
  --color-jinza-safflower-500: #cf5e58;
  --color-jinza-safflower-600: #af504b;
  --color-jinza-safflower-700: #8d403c;
  --color-jinza-safflower-800: #692d2c;
  --color-jinza-safflower-900: #4a1f1e;
  --color-jinza-safflower-950: #300e0e;
}

SCSS

$jinza-safflower: #e67c75;
$jinza-safflower-rgb: 230, 124, 117;
$jinza-safflower-light: mix(#fff, $jinza-safflower, 20%);
$jinza-safflower-dark: mix(#000, $jinza-safflower, 20%);

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