English Coral

CSS

:root {
  --english-coral: #c64a55;
  --english-coral-rgb: 198 74 85;
  --english-coral-oklch: oklch(0.579 0.158 18.3);
}

.element {
  color: var(--english-coral);
  background-color: hsl(355 52% 53%);
  border-color: oklch(0.579 0.158 18.3);
}

Tailwind CSS v4

@theme {
  --color-english-coral: #c64a55;
  --color-english-coral-50: #ffe4e2;
  --color-english-coral-100: #ffd4d2;
  --color-english-coral-200: #ffb9b8;
  --color-english-coral-300: #fe9595;
  --color-english-coral-400: #ed737a;
  --color-english-coral-500: #db4f5d;
  --color-english-coral-600: #b9444f;
  --color-english-coral-700: #95373f;
  --color-english-coral-800: #6f262f;
  --color-english-coral-900: #4e1a20;
  --color-english-coral-950: #33090f;
}

SCSS

$english-coral: #c64a55;
$english-coral-rgb: 198, 74, 85;
$english-coral-light: mix(#fff, $english-coral, 20%);
$english-coral-dark: mix(#000, $english-coral, 20%);

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