#592A2F

CSS

:root {
  --jazz: #592a2f;
  --jazz-rgb: 89 42 47;
  --jazz-oklch: oklch(0.35 0.069 14.6);
}

.element {
  color: var(--jazz);
  background-color: hsl(354 36% 26%);
  border-color: oklch(0.35 0.069 14.6);
}

Tailwind CSS v4

@theme {
  --color-jazz: #592a2f;
  --color-jazz-50: #ffeeee;
  --color-jazz-100: #fedfe0;
  --color-jazz-200: #f1c9ca;
  --color-jazz-300: #d9aaab;
  --color-jazz-400: #c48e91;
  --color-jazz-500: #af7378;
  --color-jazz-600: #946265;
  --color-jazz-700: #774e51;
  --color-jazz-800: #58383c;
  --color-jazz-900: #3d2729;
  --color-jazz-950: #271517;
}

SCSS

$jazz: #592a2f;
$jazz-rgb: 89, 42, 47;
$jazz-light: mix(#fff, $jazz, 20%);
$jazz-dark: mix(#000, $jazz, 20%);

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