#803241

CSS

:root {
  --red-octopus: #803241;
  --red-octopus-rgb: 128 50 65;
  --red-octopus-oklch: oklch(0.431 0.108 11);
}

.element {
  color: var(--red-octopus);
  background-color: hsl(348 44% 35%);
  border-color: oklch(0.431 0.108 11);
}

Tailwind CSS v4

@theme {
  --color-red-octopus: #803241;
  --color-red-octopus-50: #ffe9ec;
  --color-red-octopus-100: #ffdadd;
  --color-red-octopus-200: #ffc2c7;
  --color-red-octopus-300: #e9a1a8;
  --color-red-octopus-400: #d6838e;
  --color-red-octopus-500: #c26574;
  --color-red-octopus-600: #a45662;
  --color-red-octopus-700: #84454f;
  --color-red-octopus-800: #62313a;
  --color-red-octopus-900: #452128;
  --color-red-octopus-950: #2c1016;
}

SCSS

$red-octopus: #803241;
$red-octopus-rgb: 128, 50, 65;
$red-octopus-light: mix(#fff, $red-octopus, 20%);
$red-octopus-dark: mix(#000, $red-octopus, 20%);

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