#5D122A

CSS

:root {
  --plum-cheese: #5d122a;
  --plum-cheese-rgb: 93 18 42;
  --plum-cheese-oklch: oklch(0.322 0.108 6.8);
}

.element {
  color: var(--plum-cheese);
  background-color: hsl(341 68% 22%);
  border-color: oklch(0.322 0.108 6.8);
}

Tailwind CSS v4

@theme {
  --color-plum-cheese: #5d122a;
  --color-plum-cheese-50: #ffe9ef;
  --color-plum-cheese-100: #ffdae0;
  --color-plum-cheese-200: #fec2cb;
  --color-plum-cheese-300: #e8a1ac;
  --color-plum-cheese-400: #d58394;
  --color-plum-cheese-500: #c1657a;
  --color-plum-cheese-600: #a35667;
  --color-plum-cheese-700: #834553;
  --color-plum-cheese-800: #61313d;
  --color-plum-cheese-900: #44222a;
  --color-plum-cheese-950: #2c1118;
}

SCSS

$plum-cheese: #5d122a;
$plum-cheese-rgb: 93, 18, 42;
$plum-cheese-light: mix(#fff, $plum-cheese, 20%);
$plum-cheese-dark: mix(#000, $plum-cheese, 20%);

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