Murray Red

CSS

:root {
  --murray-red: #6b3c39;
  --murray-red-rgb: 107 60 57;
  --murray-red-oklch: oklch(0.413 0.067 24.3);
}

.element {
  color: var(--murray-red);
  background-color: hsl(4 30% 32%);
  border-color: oklch(0.413 0.067 24.3);
}

Tailwind CSS v4

@theme {
  --color-murray-red: #6b3c39;
  --color-murray-red-50: #ffeeeb;
  --color-murray-red-100: #fee0dc;
  --color-murray-red-200: #f0cac5;
  --color-murray-red-300: #d8aba6;
  --color-murray-red-400: #c38f8b;
  --color-murray-red-500: #ae7570;
  --color-murray-red-600: #93635f;
  --color-murray-red-700: #764f4c;
  --color-murray-red-800: #573938;
  --color-murray-red-900: #3d2726;
  --color-murray-red-950: #261515;
}

SCSS

$murray-red: #6b3c39;
$murray-red-rgb: 107, 60, 57;
$murray-red-light: mix(#fff, $murray-red, 20%);
$murray-red-dark: mix(#000, $murray-red, 20%);

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