#9B8C50

CSS

:root {
  --backroom-ember: #9b8c50;
  --backroom-ember-rgb: 155 140 80;
  --backroom-ember-oklch: oklch(0.64 0.082 95.7);
}

.element {
  color: var(--backroom-ember);
  background-color: hsl(48 32% 46%);
  border-color: oklch(0.64 0.082 95.7);
}

Tailwind CSS v4

@theme {
  --color-backroom-ember: #9b8c50;
  --color-backroom-ember-50: #fbf6dc;
  --color-backroom-ember-100: #efe9ca;
  --color-backroom-ember-200: #ddd5ae;
  --color-backroom-ember-300: #c2b888;
  --color-backroom-ember-400: #ad9f66;
  --color-backroom-ember-500: #968642;
  --color-backroom-ember-600: #7f7139;
  --color-backroom-ember-700: #665b2d;
  --color-backroom-ember-800: #4c421f;
  --color-backroom-ember-900: #352d14;
  --color-backroom-ember-950: #201a06;
}

SCSS

$backroom-ember: #9b8c50;
$backroom-ember-rgb: 155, 140, 80;
$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);
}