Salt Steppe

CSS

:root {
  --salt-steppe: #eeddbb;
  --salt-steppe-rgb: 238 221 187;
  --salt-steppe-oklch: oklch(0.903 0.049 84.5);
}

.element {
  color: var(--salt-steppe);
  background-color: hsl(40 60% 83%);
  border-color: oklch(0.903 0.049 84.5);
}

Tailwind CSS v4

@theme {
  --color-salt-steppe: #eeddbb;
  --color-salt-steppe-50: #fbf5e6;
  --color-salt-steppe-100: #efe7d6;
  --color-salt-steppe-200: #ddd3bd;
  --color-salt-steppe-300: #c2b69c;
  --color-salt-steppe-400: #ac9d7e;
  --color-salt-steppe-500: #958461;
  --color-salt-steppe-600: #7e7053;
  --color-salt-steppe-700: #655942;
  --color-salt-steppe-800: #4b412f;
  --color-salt-steppe-900: #342d20;
  --color-salt-steppe-950: #1f1a0f;
}

SCSS

$salt-steppe: #eeddbb;
$salt-steppe-rgb: 238, 221, 187;
$salt-steppe-light: mix(#fff, $salt-steppe, 20%);
$salt-steppe-dark: mix(#000, $salt-steppe, 20%);

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