#965A76

CSS

:root {
  --indian-silk: #965a76;
  --indian-silk-rgb: 150 90 118;
  --indian-silk-oklch: oklch(0.544 0.087 350.9);
}

.element {
  color: var(--indian-silk);
  background-color: hsl(332 25% 47%);
  border-color: oklch(0.544 0.087 350.9);
}

Tailwind CSS v4

@theme {
  --color-indian-silk: #965a76;
  --color-indian-silk-50: #ffecf7;
  --color-indian-silk-100: #ffddea;
  --color-indian-silk-200: #f3c6d7;
  --color-indian-silk-300: #dca6bb;
  --color-indian-silk-400: #c689a5;
  --color-indian-silk-500: #b26e8d;
  --color-indian-silk-600: #965d77;
  --color-indian-silk-700: #794a60;
  --color-indian-silk-800: #593647;
  --color-indian-silk-900: #3e2531;
  --color-indian-silk-950: #27131d;
}

SCSS

$indian-silk: #965a76;
$indian-silk-rgb: 150, 90, 118;
$indian-silk-light: mix(#fff, $indian-silk, 20%);
$indian-silk-dark: mix(#000, $indian-silk, 20%);

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