Lavender Ash
#9998a7
Soft lavender-leaning gray, calmer than dusty blues
About Lavender Ash
On a white monitor, Lavender Ash reads like a gray you gently tinted with a whisper of violet. It's not as heavy as Dark Ages, and it doesn't feel engineered like Machinery. Compared to Dusky Mood, it's clearer and lighter, with a cooler, lavender-leaning undertone that keeps it from going blue-slate.
I use it when I want the neutrality of a gray surface, but with enough lavender presence to make charts, tables, and section headers feel slightly refined without turning "purple" or playful. It shows up well in dashboards and finance apps, especially on panel backgrounds, filter bars, and the backing for dense data screenshots in fintech, logistics admin, and healthcare ops portals. It's the one you reach for when you need separation that feels calm, not dusty, and not warm enough to fight the typography.
Pair it with crisp cool accents (ink-gray text, restrained blue or plum strokes). If you put it next to warmer greiges, it can look a touch more "cold" than you expect, so I keep the surrounding neutrals on the same temperature family.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.