#32262B

CSS

:root {
  --smoky-charcoal: #32262b;
  --smoky-charcoal-rgb: 50 38 43;
  --smoky-charcoal-oklch: oklch(0.284 0.02 351.5);
}

.element {
  color: var(--smoky-charcoal);
  background-color: hsl(335 14% 17%);
  border-color: oklch(0.284 0.02 351.5);
}

Tailwind CSS v4

@theme {
  --color-smoky-charcoal: #32262b;
  --color-smoky-charcoal-50: #faf3f5;
  --color-smoky-charcoal-100: #eee5e8;
  --color-smoky-charcoal-200: #dcd1d5;
  --color-smoky-charcoal-300: #c0b3b8;
  --color-smoky-charcoal-400: #a89aa0;
  --color-smoky-charcoal-500: #918188;
  --color-smoky-charcoal-600: #7b6d73;
  --color-smoky-charcoal-700: #62575c;
  --color-smoky-charcoal-800: #484043;
  --color-smoky-charcoal-900: #322c2e;
  --color-smoky-charcoal-950: #1e191b;
}

SCSS

$smoky-charcoal: #32262b;
$smoky-charcoal-rgb: 50, 38, 43;
$smoky-charcoal-light: mix(#fff, $smoky-charcoal, 20%);
$smoky-charcoal-dark: mix(#000, $smoky-charcoal, 20%);

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