Ash Hollow

CSS

:root {
  --ash-hollow: #a88e8b;
  --ash-hollow-rgb: 168 142 139;
  --ash-hollow-oklch: oklch(0.669 0.032 25.7);
}

.element {
  color: var(--ash-hollow);
  background-color: hsl(6 14% 60%);
  border-color: oklch(0.669 0.032 25.7);
}

Tailwind CSS v4

@theme {
  --color-ash-hollow: #a88e8b;
  --color-ash-hollow-50: #fef2f0;
  --color-ash-hollow-100: #f2e4e2;
  --color-ash-hollow-200: #e2cfcd;
  --color-ash-hollow-300: #c7b2ae;
  --color-ash-hollow-400: #b19895;
  --color-ash-hollow-500: #9a7e7b;
  --color-ash-hollow-600: #836b68;
  --color-ash-hollow-700: #695653;
  --color-ash-hollow-800: #4d3e3d;
  --color-ash-hollow-900: #352b2a;
  --color-ash-hollow-950: #211818;
}

SCSS

$ash-hollow: #a88e8b;
$ash-hollow-rgb: 168, 142, 139;
$ash-hollow-light: mix(#fff, $ash-hollow, 20%);
$ash-hollow-dark: mix(#000, $ash-hollow, 20%);

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