Brown Thrush

CSS

:root {
  --brown-thrush: #906151;
  --brown-thrush-rgb: 144 97 81;
  --brown-thrush-oklch: oklch(0.539 0.066 39.6);
}

.element {
  color: var(--brown-thrush);
  background-color: hsl(15 28% 44%);
  border-color: oklch(0.539 0.066 39.6);
}

Tailwind CSS v4

@theme {
  --color-brown-thrush: #906151;
  --color-brown-thrush-50: #ffefe7;
  --color-brown-thrush-100: #fde1d7;
  --color-brown-thrush-200: #eeccbf;
  --color-brown-thrush-300: #d6ad9d;
  --color-brown-thrush-400: #c29281;
  --color-brown-thrush-500: #ad7765;
  --color-brown-thrush-600: #926556;
  --color-brown-thrush-700: #755144;
  --color-brown-thrush-800: #573a32;
  --color-brown-thrush-900: #3d2822;
  --color-brown-thrush-950: #261611;
}

SCSS

$brown-thrush: #906151;
$brown-thrush-rgb: 144, 97, 81;
$brown-thrush-light: mix(#fff, $brown-thrush, 20%);
$brown-thrush-dark: mix(#000, $brown-thrush, 20%);

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