Red Red Wine

CSS

:root {
  --red-red-wine: #814142;
  --red-red-wine-rgb: 129 65 66;
  --red-red-wine-oklch: oklch(0.456 0.088 20.2);
}

.element {
  color: var(--red-red-wine);
  background-color: hsl(359 33% 38%);
  border-color: oklch(0.456 0.088 20.2);
}

Tailwind CSS v4

@theme {
  --color-red-red-wine: #814142;
  --color-red-red-wine-50: #ffecea;
  --color-red-red-wine-100: #ffdddb;
  --color-red-red-wine-200: #f8c6c3;
  --color-red-red-wine-300: #e1a6a3;
  --color-red-red-wine-400: #ce8989;
  --color-red-red-wine-500: #ba6d6d;
  --color-red-red-wine-600: #9d5d5d;
  --color-red-red-wine-700: #7e4a4a;
  --color-red-red-wine-800: #5d3537;
  --color-red-red-wine-900: #412425;
  --color-red-red-wine-950: #2a1314;
}

SCSS

$red-red-wine: #814142;
$red-red-wine-rgb: 129, 65, 66;
$red-red-wine-light: mix(#fff, $red-red-wine, 20%);
$red-red-wine-dark: mix(#000, $red-red-wine, 20%);

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