Pale Chamois

CSS

:root {
  --pale-chamois: #efe5d7;
  --pale-chamois-rgb: 239 229 215;
  --pale-chamois-oklch: oklch(0.926 0.022 76.5);
}

.element {
  color: var(--pale-chamois);
  background-color: hsl(35 43% 89%);
  border-color: oklch(0.926 0.022 76.5);
}

Tailwind CSS v4

@theme {
  --color-pale-chamois: #efe5d7;
  --color-pale-chamois-50: #f9f4ee;
  --color-pale-chamois-100: #ece7e0;
  --color-pale-chamois-200: #d9d3ca;
  --color-pale-chamois-300: #bdb6ab;
  --color-pale-chamois-400: #a69d91;
  --color-pale-chamois-500: #8f8577;
  --color-pale-chamois-600: #797064;
  --color-pale-chamois-700: #605a50;
  --color-pale-chamois-800: #47413a;
  --color-pale-chamois-900: #312d28;
  --color-pale-chamois-950: #1d1a16;
}

SCSS

$pale-chamois: #efe5d7;
$pale-chamois-rgb: 239, 229, 215;
$pale-chamois-light: mix(#fff, $pale-chamois, 20%);
$pale-chamois-dark: mix(#000, $pale-chamois, 20%);

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