#CB482F

CSS

:root {
  --peanut-butter-jelly: #cb482f;
  --peanut-butter-jelly-rgb: 203 72 47;
  --peanut-butter-jelly-oklch: oklch(0.579 0.171 32.9);
}

.element {
  color: var(--peanut-butter-jelly);
  background-color: hsl(10 62% 49%);
  border-color: oklch(0.579 0.171 32.9);
}

Tailwind CSS v4

@theme {
  --color-peanut-butter-jelly: #cb482f;
  --color-peanut-butter-jelly-50: #ffe5d5;
  --color-peanut-butter-jelly-100: #ffd4c2;
  --color-peanut-butter-jelly-200: #ffbaa3;
  --color-peanut-butter-jelly-300: #ff957a;
  --color-peanut-butter-jelly-400: #f27259;
  --color-peanut-butter-jelly-500: #e04d31;
  --color-peanut-butter-jelly-600: #bd432b;
  --color-peanut-butter-jelly-700: #983522;
  --color-peanut-butter-jelly-800: #72251a;
  --color-peanut-butter-jelly-900: #501911;
  --color-peanut-butter-jelly-950: #350804;
}

SCSS

$peanut-butter-jelly: #cb482f;
$peanut-butter-jelly-rgb: 203, 72, 47;
$peanut-butter-jelly-light: mix(#fff, $peanut-butter-jelly, 20%);
$peanut-butter-jelly-dark: mix(#000, $peanut-butter-jelly, 20%);

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