Helen of Troy

CSS

:root {
  --helen-of-troy: #c3b89f;
  --helen-of-troy-rgb: 195 184 159;
  --helen-of-troy-oklch: oklch(0.785 0.036 87.1);
}

.element {
  color: var(--helen-of-troy);
  background-color: hsl(42 23% 69%);
  border-color: oklch(0.785 0.036 87.1);
}

Tailwind CSS v4

@theme {
  --color-helen-of-troy: #c3b89f;
  --color-helen-of-troy-50: #f9f5ea;
  --color-helen-of-troy-100: #ede8da;
  --color-helen-of-troy-200: #dad4c3;
  --color-helen-of-troy-300: #bfb7a3;
  --color-helen-of-troy-400: #a89d86;
  --color-helen-of-troy-500: #91856b;
  --color-helen-of-troy-600: #7a715b;
  --color-helen-of-troy-700: #625a48;
  --color-helen-of-troy-800: #484234;
  --color-helen-of-troy-900: #322d23;
  --color-helen-of-troy-950: #1e1a12;
}

SCSS

$helen-of-troy: #c3b89f;
$helen-of-troy-rgb: 195, 184, 159;
$helen-of-troy-light: mix(#fff, $helen-of-troy, 20%);
$helen-of-troy-dark: mix(#000, $helen-of-troy, 20%);

.element {
  color: $helen-of-troy;
  box-shadow: 0 0 0 2px rgba($helen-of-troy, 0.35);
}