Dried Moss

CSS

:root {
  --dried-moss: #c6ad6f;
  --dried-moss-rgb: 198 173 111;
  --dried-moss-oklch: oklch(0.755 0.086 88.3);
}

.element {
  color: var(--dried-moss);
  background-color: hsl(43 43% 61%);
  border-color: oklch(0.755 0.086 88.3);
}

Tailwind CSS v4

@theme {
  --color-dried-moss: #c6ad6f;
  --color-dried-moss-50: #fef5da;
  --color-dried-moss-100: #f3e7c8;
  --color-dried-moss-200: #e2d3ab;
  --color-dried-moss-300: #c8b685;
  --color-dried-moss-400: #b39c62;
  --color-dried-moss-500: #9e833d;
  --color-dried-moss-600: #856f35;
  --color-dried-moss-700: #6b592a;
  --color-dried-moss-800: #4f401d;
  --color-dried-moss-900: #372c13;
  --color-dried-moss-950: #221905;
}

SCSS

$dried-moss: #c6ad6f;
$dried-moss-rgb: 198, 173, 111;
$dried-moss-light: mix(#fff, $dried-moss, 20%);
$dried-moss-dark: mix(#000, $dried-moss, 20%);

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