Dead Sea Mud

CSS

:root {
  --dead-sea-mud: #3a403b;
  --dead-sea-mud-rgb: 58 64 59;
  --dead-sea-mud-oklch: oklch(0.364 0.012 150.4);
}

.element {
  color: var(--dead-sea-mud);
  background-color: hsl(130 5% 24%);
  border-color: oklch(0.364 0.012 150.4);
}

Tailwind CSS v4

@theme {
  --color-dead-sea-mud: #3a403b;
  --color-dead-sea-mud-50: #f3f6f3;
  --color-dead-sea-mud-100: #e5e9e6;
  --color-dead-sea-mud-200: #d1d6d2;
  --color-dead-sea-mud-300: #b3b9b4;
  --color-dead-sea-mud-400: #9aa09b;
  --color-dead-sea-mud-500: #818882;
  --color-dead-sea-mud-600: #6d736e;
  --color-dead-sea-mud-700: #575c58;
  --color-dead-sea-mud-800: #404340;
  --color-dead-sea-mud-900: #2c2f2c;
  --color-dead-sea-mud-950: #191b19;
}

SCSS

$dead-sea-mud: #3a403b;
$dead-sea-mud-rgb: 58, 64, 59;
$dead-sea-mud-light: mix(#fff, $dead-sea-mud, 20%);
$dead-sea-mud-dark: mix(#000, $dead-sea-mud, 20%);

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