Light Charcoal

CSS

:root {
  --light-charcoal: #726e68;
  --light-charcoal-rgb: 114 110 104;
  --light-charcoal-oklch: oklch(0.54 0.01 78.2);
}

.element {
  color: var(--light-charcoal);
  background-color: hsl(36 5% 43%);
  border-color: oklch(0.54 0.01 78.2);
}

Tailwind CSS v4

@theme {
  --color-light-charcoal: #726e68;
  --color-light-charcoal-50: #f7f5f2;
  --color-light-charcoal-100: #eae7e4;
  --color-light-charcoal-200: #d6d4cf;
  --color-light-charcoal-300: #bab7b1;
  --color-light-charcoal-400: #a29e98;
  --color-light-charcoal-500: #8a857f;
  --color-light-charcoal-600: #75716b;
  --color-light-charcoal-700: #5d5a56;
  --color-light-charcoal-800: #44423e;
  --color-light-charcoal-900: #2f2d2b;
  --color-light-charcoal-950: #1c1a18;
}

SCSS

$light-charcoal: #726e68;
$light-charcoal-rgb: 114, 110, 104;
$light-charcoal-light: mix(#fff, $light-charcoal, 20%);
$light-charcoal-dark: mix(#000, $light-charcoal, 20%);

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