Korichnewyi Brown

CSS

:root {
  --korichnewyi-brown: #8d4512;
  --korichnewyi-brown-rgb: 141 69 18;
  --korichnewyi-brown-oklch: oklch(0.474 0.115 50.4);
}

.element {
  color: var(--korichnewyi-brown);
  background-color: hsl(25 77% 31%);
  border-color: oklch(0.474 0.115 50.4);
}

Tailwind CSS v4

@theme {
  --color-korichnewyi-brown: #8d4512;
  --color-korichnewyi-brown-50: #ffedd8;
  --color-korichnewyi-brown-100: #ffdec5;
  --color-korichnewyi-brown-200: #fdc7a7;
  --color-korichnewyi-brown-300: #e7a780;
  --color-korichnewyi-brown-400: #d58a5e;
  --color-korichnewyi-brown-500: #c16d39;
  --color-korichnewyi-brown-600: #a35d31;
  --color-korichnewyi-brown-700: #834a27;
  --color-korichnewyi-brown-800: #62351c;
  --color-korichnewyi-brown-900: #452412;
  --color-korichnewyi-brown-950: #2c1305;
}

SCSS

$korichnewyi-brown: #8d4512;
$korichnewyi-brown-rgb: 141, 69, 18;
$korichnewyi-brown-light: mix(#fff, $korichnewyi-brown, 20%);
$korichnewyi-brown-dark: mix(#000, $korichnewyi-brown, 20%);

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