Pale Sienna

CSS

:root {
  --pale-sienna: #dfc7bc;
  --pale-sienna-rgb: 223 199 188;
  --pale-sienna-oklch: oklch(0.847 0.031 46.2);
}

.element {
  color: var(--pale-sienna);
  background-color: hsl(19 35% 81%);
  border-color: oklch(0.847 0.031 46.2);
}

Tailwind CSS v4

@theme {
  --color-pale-sienna: #dfc7bc;
  --color-pale-sienna-50: #fdf3ee;
  --color-pale-sienna-100: #f1e5df;
  --color-pale-sienna-200: #e0d1c9;
  --color-pale-sienna-300: #c6b3aa;
  --color-pale-sienna-400: #af998f;
  --color-pale-sienna-500: #988075;
  --color-pale-sienna-600: #816d63;
  --color-pale-sienna-700: #67574f;
  --color-pale-sienna-800: #4c3f3a;
  --color-pale-sienna-900: #352b28;
  --color-pale-sienna-950: #201916;
}

SCSS

$pale-sienna: #dfc7bc;
$pale-sienna-rgb: 223, 199, 188;
$pale-sienna-light: mix(#fff, $pale-sienna, 20%);
$pale-sienna-dark: mix(#000, $pale-sienna, 20%);

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