Wenge Black

CSS

:root {
  --wenge-black: #3e2a2c;
  --wenge-black-rgb: 62 42 44;
  --wenge-black-oklch: oklch(0.31 0.03 12.3);
}

.element {
  color: var(--wenge-black);
  background-color: hsl(354 19% 20%);
  border-color: oklch(0.31 0.03 12.3);
}

Tailwind CSS v4

@theme {
  --color-wenge-black: #3e2a2c;
  --color-wenge-black-50: #fef2f2;
  --color-wenge-black-100: #f2e4e5;
  --color-wenge-black-200: #e1cfd0;
  --color-wenge-black-300: #c6b2b3;
  --color-wenge-black-400: #af9899;
  --color-wenge-black-500: #997e81;
  --color-wenge-black-600: #816b6d;
  --color-wenge-black-700: #685657;
  --color-wenge-black-800: #4c3e40;
  --color-wenge-black-900: #352b2c;
  --color-wenge-black-950: #201819;
}

SCSS

$wenge-black: #3e2a2c;
$wenge-black-rgb: 62, 42, 44;
$wenge-black-light: mix(#fff, $wenge-black, 20%);
$wenge-black-dark: mix(#000, $wenge-black, 20%);

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