#F8967E

CSS

:root {
  --parma-ham: #f8967e;
  --parma-ham-rgb: 248 150 126;
  --parma-ham-oklch: oklch(0.769 0.124 34.6);
}

.element {
  color: var(--parma-ham);
  background-color: hsl(12 90% 73%);
  border-color: oklch(0.769 0.124 34.6);
}

Tailwind CSS v4

@theme {
  --color-parma-ham: #f8967e;
  --color-parma-ham-50: #ffeadd;
  --color-parma-ham-100: #ffdacb;
  --color-parma-ham-200: #ffc2af;
  --color-parma-ham-300: #efa18b;
  --color-parma-ham-400: #dd826c;
  --color-parma-ham-500: #ca644b;
  --color-parma-ham-600: #ab5541;
  --color-parma-ham-700: #894433;
  --color-parma-ham-800: #663026;
  --color-parma-ham-900: #482119;
  --color-parma-ham-950: #2f100a;
}

SCSS

$parma-ham: #f8967e;
$parma-ham-rgb: 248, 150, 126;
$parma-ham-light: mix(#fff, $parma-ham, 20%);
$parma-ham-dark: mix(#000, $parma-ham, 20%);

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