#9E8D52

CSS

:root {
  --backroom-ember: #9e8d52;
  --backroom-ember-rgb: 158 141 82;
  --backroom-ember-oklch: oklch(0.645 0.081 93.8);
}

.element {
  color: var(--backroom-ember);
  background-color: hsl(47 32% 47%);
  border-color: oklch(0.645 0.081 93.8);
}

Tailwind CSS v4

@theme {
  --color-backroom-ember: #9e8d52;
  --color-backroom-ember-50: #fcf6dc;
  --color-backroom-ember-100: #f0e8ca;
  --color-backroom-ember-200: #ded5ae;
  --color-backroom-ember-300: #c4b888;
  --color-backroom-ember-400: #ae9e66;
  --color-backroom-ember-500: #988543;
  --color-backroom-ember-600: #80713a;
  --color-backroom-ember-700: #675a2e;
  --color-backroom-ember-800: #4c411f;
  --color-backroom-ember-900: #352d15;
  --color-backroom-ember-950: #201a06;
}

SCSS

$backroom-ember: #9e8d52;
$backroom-ember-rgb: 158, 141, 82;
$backroom-ember-light: mix(#fff, $backroom-ember, 20%);
$backroom-ember-dark: mix(#000, $backroom-ember, 20%);

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