#85606C

CSS

:root {
  --royal-fig: #85606c;
  --royal-fig-rgb: 133 96 108;
  --royal-fig-oklch: oklch(0.531 0.051 357.8);
}

.element {
  color: var(--royal-fig);
  background-color: hsl(341 16% 45%);
  border-color: oklch(0.531 0.051 357.8);
}

Tailwind CSS v4

@theme {
  --color-royal-fig: #85606c;
  --color-royal-fig-50: #ffeff4;
  --color-royal-fig-100: #f7e1e7;
  --color-royal-fig-200: #e8ccd3;
  --color-royal-fig-300: #cfadb6;
  --color-royal-fig-400: #b8929e;
  --color-royal-fig-500: #a37886;
  --color-royal-fig-600: #8a6671;
  --color-royal-fig-700: #6e515b;
  --color-royal-fig-800: #513b43;
  --color-royal-fig-900: #39292e;
  --color-royal-fig-950: #23161b;
}

SCSS

$royal-fig: #85606c;
$royal-fig-rgb: 133, 96, 108;
$royal-fig-light: mix(#fff, $royal-fig, 20%);
$royal-fig-dark: mix(#000, $royal-fig, 20%);

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