Fine Burgundy

CSS

:root {
  --fine-burgundy: #815158;
  --fine-burgundy-rgb: 129 81 88;
  --fine-burgundy-oklch: oklch(0.491 0.065 10.2);
}

.element {
  color: var(--fine-burgundy);
  background-color: hsl(351 23% 41%);
  border-color: oklch(0.491 0.065 10.2);
}

Tailwind CSS v4

@theme {
  --color-fine-burgundy: #815158;
  --color-fine-burgundy-50: #ffeef0;
  --color-fine-burgundy-100: #fde0e2;
  --color-fine-burgundy-200: #efc9cd;
  --color-fine-burgundy-300: #d6aaae;
  --color-fine-burgundy-400: #c18f95;
  --color-fine-burgundy-500: #ac747c;
  --color-fine-burgundy-600: #926369;
  --color-fine-burgundy-700: #754f54;
  --color-fine-burgundy-800: #56393e;
  --color-fine-burgundy-900: #3c272b;
  --color-fine-burgundy-950: #261518;
}

SCSS

$fine-burgundy: #815158;
$fine-burgundy-rgb: 129, 81, 88;
$fine-burgundy-light: mix(#fff, $fine-burgundy, 20%);
$fine-burgundy-dark: mix(#000, $fine-burgundy, 20%);

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