Mud-Dell

CSS

:root {
  --mud-dell: #a08b76;
  --mud-dell-rgb: 160 139 118;
  --mud-dell-oklch: oklch(0.65 0.039 67);
}

.element {
  color: var(--mud-dell);
  background-color: hsl(30 18% 55%);
  border-color: oklch(0.65 0.039 67);
}

Tailwind CSS v4

@theme {
  --color-mud-dell: #a08b76;
  --color-mud-dell-50: #fdf3e9;
  --color-mud-dell-100: #f1e6da;
  --color-mud-dell-200: #e0d2c3;
  --color-mud-dell-300: #c5b4a2;
  --color-mud-dell-400: #af9a86;
  --color-mud-dell-500: #98826b;
  --color-mud-dell-600: #816e5a;
  --color-mud-dell-700: #675848;
  --color-mud-dell-800: #4c4034;
  --color-mud-dell-900: #352c24;
  --color-mud-dell-950: #201912;
}

SCSS

$mud-dell: #a08b76;
$mud-dell-rgb: 160, 139, 118;
$mud-dell-light: mix(#fff, $mud-dell, 20%);
$mud-dell-dark: mix(#000, $mud-dell, 20%);

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