Louisiana Mud

CSS

:root {
  --louisiana-mud: #655856;
  --louisiana-mud-rgb: 101 88 86;
  --louisiana-mud-oklch: oklch(0.472 0.017 28.2);
}

.element {
  color: var(--louisiana-mud);
  background-color: hsl(8 8% 37%);
  border-color: oklch(0.472 0.017 28.2);
}

Tailwind CSS v4

@theme {
  --color-louisiana-mud: #655856;
  --color-louisiana-mud-50: #faf3f2;
  --color-louisiana-mud-100: #eee6e4;
  --color-louisiana-mud-200: #dcd2d0;
  --color-louisiana-mud-300: #c0b4b2;
  --color-louisiana-mud-400: #a99b99;
  --color-louisiana-mud-500: #918280;
  --color-louisiana-mud-600: #7b6e6c;
  --color-louisiana-mud-700: #625856;
  --color-louisiana-mud-800: #48403f;
  --color-louisiana-mud-900: #322c2b;
  --color-louisiana-mud-950: #1e1919;
}

SCSS

$louisiana-mud: #655856;
$louisiana-mud-rgb: 101, 88, 86;
$louisiana-mud-light: mix(#fff, $louisiana-mud, 20%);
$louisiana-mud-dark: mix(#000, $louisiana-mud, 20%);

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