Black Hills Gold

CSS

:root {
  --black-hills-gold: #c89180;
  --black-hills-gold-rgb: 200 145 128;
  --black-hills-gold-oklch: oklch(0.706 0.072 37.9);
}

.element {
  color: var(--black-hills-gold);
  background-color: hsl(14 40% 64%);
  border-color: oklch(0.706 0.072 37.9);
}

Tailwind CSS v4

@theme {
  --color-black-hills-gold: #c89180;
  --color-black-hills-gold-50: #ffefe6;
  --color-black-hills-gold-100: #fee1d6;
  --color-black-hills-gold-200: #f0cbbe;
  --color-black-hills-gold-300: #d9ac9c;
  --color-black-hills-gold-400: #c49080;
  --color-black-hills-gold-500: #b07563;
  --color-black-hills-gold-600: #946455;
  --color-black-hills-gold-700: #775043;
  --color-black-hills-gold-800: #583931;
  --color-black-hills-gold-900: #3e2721;
  --color-black-hills-gold-950: #271511;
}

SCSS

$black-hills-gold: #c89180;
$black-hills-gold-rgb: 200, 145, 128;
$black-hills-gold-light: mix(#fff, $black-hills-gold, 20%);
$black-hills-gold-dark: mix(#000, $black-hills-gold, 20%);

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