#2F2925

CSS

:root {
  --noir: #2f2925;
  --noir-rgb: 47 41 37;
  --noir-oklch: oklch(0.286 0.011 55.9);
}

.element {
  color: var(--noir);
  background-color: hsl(24 12% 16%);
  border-color: oklch(0.286 0.011 55.9);
}

Tailwind CSS v4

@theme {
  --color-noir: #2f2925;
  --color-noir-50: #f8f4f2;
  --color-noir-100: #ebe7e4;
  --color-noir-200: #d8d3cf;
  --color-noir-300: #bcb6b2;
  --color-noir-400: #a49d98;
  --color-noir-500: #8c847f;
  --color-noir-600: #77706c;
  --color-noir-700: #5f5a56;
  --color-noir-800: #46413f;
  --color-noir-900: #302d2b;
  --color-noir-950: #1c1a18;
}

SCSS

$noir: #2f2925;
$noir-rgb: 47, 41, 37;
$noir-light: mix(#fff, $noir, 20%);
$noir-dark: mix(#000, $noir, 20%);

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