River Mud

CSS

:root {
  --river-mud: #a08b71;
  --river-mud-rgb: 160 139 113;
  --river-mud-oklch: oklch(0.649 0.045 72.8);
}

.element {
  color: var(--river-mud);
  background-color: hsl(33 20% 54%);
  border-color: oklch(0.649 0.045 72.8);
}

Tailwind CSS v4

@theme {
  --color-river-mud: #a08b71;
  --color-river-mud-50: #fdf4e7;
  --color-river-mud-100: #f1e6d8;
  --color-river-mud-200: #e0d2c0;
  --color-river-mud-300: #c5b59f;
  --color-river-mud-400: #af9b82;
  --color-river-mud-500: #998265;
  --color-river-mud-600: #816e56;
  --color-river-mud-700: #675845;
  --color-river-mud-800: #4c4031;
  --color-river-mud-900: #352c22;
  --color-river-mud-950: #201911;
}

SCSS

$river-mud: #a08b71;
$river-mud-rgb: 160, 139, 113;
$river-mud-light: mix(#fff, $river-mud, 20%);
$river-mud-dark: mix(#000, $river-mud, 20%);

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