#C6B89E

CSS

:root {
  --another-one-bites-the-dust: #c6b89e;
  --another-one-bites-the-dust-rgb: 198 184 158;
  --another-one-bites-the-dust-oklch: oklch(0.787 0.039 83);
}

.element {
  color: var(--another-one-bites-the-dust);
  background-color: hsl(39 26% 70%);
  border-color: oklch(0.787 0.039 83);
}

Tailwind CSS v4

@theme {
  --color-another-one-bites-the-dust: #c6b89e;
  --color-another-one-bites-the-dust-50: #faf5e9;
  --color-another-one-bites-the-dust-100: #eee7da;
  --color-another-one-bites-the-dust-200: #dcd3c2;
  --color-another-one-bites-the-dust-300: #c1b6a1;
  --color-another-one-bites-the-dust-400: #aa9d85;
  --color-another-one-bites-the-dust-500: #938469;
  --color-another-one-bites-the-dust-600: #7c7059;
  --color-another-one-bites-the-dust-700: #635a47;
  --color-another-one-bites-the-dust-800: #494133;
  --color-another-one-bites-the-dust-900: #332d23;
  --color-another-one-bites-the-dust-950: #1f1a12;
}

SCSS

$another-one-bites-the-dust: #c6b89e;
$another-one-bites-the-dust-rgb: 198, 184, 158;
$another-one-bites-the-dust-light: mix(#fff, $another-one-bites-the-dust, 20%);
$another-one-bites-the-dust-dark: mix(#000, $another-one-bites-the-dust, 20%);

.element {
  color: $another-one-bites-the-dust;
  box-shadow: 0 0 0 2px rgba($another-one-bites-the-dust, 0.35);
}