Ash

CSS

:root {
  --ash: #bebaa7;
  --ash-rgb: 190 186 167;
  --ash-oklch: oklch(0.787 0.027 97.2);
}

.element {
  color: var(--ash);
  background-color: hsl(50 15% 70%);
  border-color: oklch(0.787 0.027 97.2);
}

Tailwind CSS v4

@theme {
  --color-ash: #bebaa7;
  --color-ash-50: #f7f5ed;
  --color-ash-100: #eae8de;
  --color-ash-200: #d7d5c8;
  --color-ash-300: #bab8a9;
  --color-ash-400: #a39f8d;
  --color-ash-500: #8b8773;
  --color-ash-600: #757261;
  --color-ash-700: #5e5b4e;
  --color-ash-800: #454238;
  --color-ash-900: #302e26;
  --color-ash-950: #1c1b15;
}

SCSS

$ash: #bebaa7;
$ash-rgb: 190, 186, 167;
$ash-light: mix(#fff, $ash, 20%);
$ash-dark: mix(#000, $ash, 20%);

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