Radigan Conagher Brown

CSS

:root {
  --radigan-conagher-brown: #694d3a;
  --radigan-conagher-brown-rgb: 105 77 58;
  --radigan-conagher-brown-oklch: oklch(0.445 0.048 55.3);
}

.element {
  color: var(--radigan-conagher-brown);
  background-color: hsl(24 29% 32%);
  border-color: oklch(0.445 0.048 55.3);
}

Tailwind CSS v4

@theme {
  --color-radigan-conagher-brown: #694d3a;
  --color-radigan-conagher-brown-50: #fff2e8;
  --color-radigan-conagher-brown-100: #f5e4d9;
  --color-radigan-conagher-brown-200: #e5d0c1;
  --color-radigan-conagher-brown-300: #cbb2a0;
  --color-radigan-conagher-brown-400: #b69884;
  --color-radigan-conagher-brown-500: #a07e68;
  --color-radigan-conagher-brown-600: #876b58;
  --color-radigan-conagher-brown-700: #6c5546;
  --color-radigan-conagher-brown-800: #503e33;
  --color-radigan-conagher-brown-900: #382b23;
  --color-radigan-conagher-brown-950: #221812;
}

SCSS

$radigan-conagher-brown: #694d3a;
$radigan-conagher-brown-rgb: 105, 77, 58;
$radigan-conagher-brown-light: mix(#fff, $radigan-conagher-brown, 20%);
$radigan-conagher-brown-dark: mix(#000, $radigan-conagher-brown, 20%);

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