Soil of Avagddu

CSS

:root {
  --soil-of-avagddu: #845c00;
  --soil-of-avagddu-rgb: 132 92 0;
  --soil-of-avagddu-oklch: oklch(0.504 0.105 79.1);
}

.element {
  color: var(--soil-of-avagddu);
  background-color: hsl(42 100% 26%);
  border-color: oklch(0.504 0.105 79.1);
}

Tailwind CSS v4

@theme {
  --color-soil-of-avagddu: #845c00;
  --color-soil-of-avagddu-50: #fff3d4;
  --color-soil-of-avagddu-100: #fae5c1;
  --color-soil-of-avagddu-200: #ebd0a2;
  --color-soil-of-avagddu-300: #d3b279;
  --color-soil-of-avagddu-400: #c09752;
  --color-soil-of-avagddu-500: #ab7d25;
  --color-soil-of-avagddu-600: #906a22;
  --color-soil-of-avagddu-700: #74551b;
  --color-soil-of-avagddu-800: #563d11;
  --color-soil-of-avagddu-900: #3c2a0b;
  --color-soil-of-avagddu-950: #261701;
}

SCSS

$soil-of-avagddu: #845c00;
$soil-of-avagddu-rgb: 132, 92, 0;
$soil-of-avagddu-light: mix(#fff, $soil-of-avagddu, 20%);
$soil-of-avagddu-dark: mix(#000, $soil-of-avagddu, 20%);

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