#60512E

CSS

:root {
  --olive-bark: #60512e;
  --olive-bark-rgb: 96 81 46;
  --olive-bark-oklch: oklch(0.441 0.055 87);
}

.element {
  color: var(--olive-bark);
  background-color: hsl(42 35% 28%);
  border-color: oklch(0.441 0.055 87);
}

Tailwind CSS v4

@theme {
  --color-olive-bark: #60512e;
  --color-olive-bark-50: #fbf5e4;
  --color-olive-bark-100: #efe7d4;
  --color-olive-bark-200: #ded4ba;
  --color-olive-bark-300: #c3b798;
  --color-olive-bark-400: #ac9d79;
  --color-olive-bark-500: #96845c;
  --color-olive-bark-600: #7f704e;
  --color-olive-bark-700: #65593e;
  --color-olive-bark-800: #4b412c;
  --color-olive-bark-900: #342d1e;
  --color-olive-bark-950: #201a0e;
}

SCSS

$olive-bark: #60512e;
$olive-bark-rgb: 96, 81, 46;
$olive-bark-light: mix(#fff, $olive-bark, 20%);
$olive-bark-dark: mix(#000, $olive-bark, 20%);

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