#BF7E4B

CSS

:root {
  --in-a-nutshell: #bf7e4b;
  --in-a-nutshell-rgb: 191 126 75;
  --in-a-nutshell-oklch: oklch(0.65 0.105 57.6);
}

.element {
  color: var(--in-a-nutshell);
  background-color: hsl(26 48% 52%);
  border-color: oklch(0.65 0.105 57.6);
}

Tailwind CSS v4

@theme {
  --color-in-a-nutshell: #bf7e4b;
  --color-in-a-nutshell-50: #ffefd8;
  --color-in-a-nutshell-100: #ffe0c6;
  --color-in-a-nutshell-200: #f7caa8;
  --color-in-a-nutshell-300: #e0ab81;
  --color-in-a-nutshell-400: #cd8e5e;
  --color-in-a-nutshell-500: #ba7339;
  --color-in-a-nutshell-600: #9d6131;
  --color-in-a-nutshell-700: #7e4e27;
  --color-in-a-nutshell-800: #5e381c;
  --color-in-a-nutshell-900: #422612;
  --color-in-a-nutshell-950: #2a1405;
}

SCSS

$in-a-nutshell: #bf7e4b;
$in-a-nutshell-rgb: 191, 126, 75;
$in-a-nutshell-light: mix(#fff, $in-a-nutshell, 20%);
$in-a-nutshell-dark: mix(#000, $in-a-nutshell, 20%);

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