#C7B68B

CSS

:root {
  --stone-guardians: #c7b68b;
  --stone-guardians-rgb: 199 182 139;
  --stone-guardians-oklch: oklch(0.78 0.061 89);
}

.element {
  color: var(--stone-guardians);
  background-color: hsl(43 35% 66%);
  border-color: oklch(0.78 0.061 89);
}

Tailwind CSS v4

@theme {
  --color-stone-guardians: #c7b68b;
  --color-stone-guardians-50: #fcf5e2;
  --color-stone-guardians-100: #efe8d2;
  --color-stone-guardians-200: #ded4b7;
  --color-stone-guardians-300: #c3b794;
  --color-stone-guardians-400: #ad9d75;
  --color-stone-guardians-500: #968456;
  --color-stone-guardians-600: #7f704a;
  --color-stone-guardians-700: #665a3b;
  --color-stone-guardians-800: #4b412a;
  --color-stone-guardians-900: #342d1c;
  --color-stone-guardians-950: #201a0c;
}

SCSS

$stone-guardians: #c7b68b;
$stone-guardians-rgb: 199, 182, 139;
$stone-guardians-light: mix(#fff, $stone-guardians, 20%);
$stone-guardians-dark: mix(#000, $stone-guardians, 20%);

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