#8A3D38

CSS

:root {
  --planet-of-the-apes: #8a3d38;
  --planet-of-the-apes-rgb: 138 61 56;
  --planet-of-the-apes-oklch: oklch(0.461 0.106 25.8);
}

.element {
  color: var(--planet-of-the-apes);
  background-color: hsl(4 42% 38%);
  border-color: oklch(0.461 0.106 25.8);
}

Tailwind CSS v4

@theme {
  --color-planet-of-the-apes: #8a3d38;
  --color-planet-of-the-apes-50: #ffeae4;
  --color-planet-of-the-apes-100: #ffdbd4;
  --color-planet-of-the-apes-200: #ffc4bb;
  --color-planet-of-the-apes-300: #e9a399;
  --color-planet-of-the-apes-400: #d6857d;
  --color-planet-of-the-apes-500: #c36861;
  --color-planet-of-the-apes-600: #a45852;
  --color-planet-of-the-apes-700: #844741;
  --color-planet-of-the-apes-800: #623330;
  --color-planet-of-the-apes-900: #452221;
  --color-planet-of-the-apes-950: #2c1110;
}

SCSS

$planet-of-the-apes: #8a3d38;
$planet-of-the-apes-rgb: 138, 61, 56;
$planet-of-the-apes-light: mix(#fff, $planet-of-the-apes, 20%);
$planet-of-the-apes-dark: mix(#000, $planet-of-the-apes, 20%);

.element {
  color: $planet-of-the-apes;
  box-shadow: 0 0 0 2px rgba($planet-of-the-apes, 0.35);
}