Red Damask

CSS

:root {
  --red-damask: #cb6f4a;
  --red-damask-rgb: 203 111 74;
  --red-damask-oklch: oklch(0.639 0.127 42.1);
}

.element {
  color: var(--red-damask);
  background-color: hsl(17 55% 54%);
  border-color: oklch(0.639 0.127 42.1);
}

Tailwind CSS v4

@theme {
  --color-red-damask: #cb6f4a;
  --color-red-damask-50: #ffead8;
  --color-red-damask-100: #ffdbc6;
  --color-red-damask-200: #ffc3a8;
  --color-red-damask-300: #efa281;
  --color-red-damask-400: #dd8460;
  --color-red-damask-500: #ca653c;
  --color-red-damask-600: #ab5634;
  --color-red-damask-700: #894529;
  --color-red-damask-800: #66311e;
  --color-red-damask-900: #482113;
  --color-red-damask-950: #2f1006;
}

SCSS

$red-damask: #cb6f4a;
$red-damask-rgb: 203, 111, 74;
$red-damask-light: mix(#fff, $red-damask, 20%);
$red-damask-dark: mix(#000, $red-damask, 20%);

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