#B99466

CSS

:root {
  --cardboard: #b99466;
  --cardboard-rgb: 185 148 102;
  --cardboard-oklch: oklch(0.69 0.076 72.1);
}

.element {
  color: var(--cardboard);
  background-color: hsl(33 37% 56%);
  border-color: oklch(0.69 0.076 72.1);
}

Tailwind CSS v4

@theme {
  --color-cardboard: #b99466;
  --color-cardboard-50: #fff2de;
  --color-cardboard-100: #f8e5cd;
  --color-cardboard-200: #e8d0b1;
  --color-cardboard-300: #cfb28c;
  --color-cardboard-400: #bb976c;
  --color-cardboard-500: #a67e4b;
  --color-cardboard-600: #8c6b40;
  --color-cardboard-700: #705533;
  --color-cardboard-800: #533e24;
  --color-cardboard-900: #3a2a18;
  --color-cardboard-950: #241809;
}

SCSS

$cardboard: #b99466;
$cardboard-rgb: 185, 148, 102;
$cardboard-light: mix(#fff, $cardboard, 20%);
$cardboard-dark: mix(#000, $cardboard, 20%);

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