Mud

CSS

:root {
  --mud: #70543e;
  --mud-rgb: 112 84 62;
  --mud-oklch: oklch(0.469 0.05 59.3);
}

.element {
  color: var(--mud);
  background-color: hsl(26 29% 34%);
  border-color: oklch(0.469 0.05 59.3);
}

Tailwind CSS v4

@theme {
  --color-mud: #70543e;
  --color-mud-50: #fff2e7;
  --color-mud-100: #f5e5d7;
  --color-mud-200: #e5d0bf;
  --color-mud-300: #cbb29e;
  --color-mud-400: #b59881;
  --color-mud-500: #a07f65;
  --color-mud-600: #876b56;
  --color-mud-700: #6c5644;
  --color-mud-800: #503e31;
  --color-mud-900: #382b21;
  --color-mud-950: #221811;
}

SCSS

$mud: #70543e;
$mud-rgb: 112, 84, 62;
$mud-light: mix(#fff, $mud, 20%);
$mud-dark: mix(#000, $mud, 20%);

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