Moon Veil
#8d99b1
Soft cool gray-purple for muted, quiet panels
About Moon Veil
Moon Veil reads like a dusk-lit haze on a muted purple page. It's lighter and more silvery than Old World, so it doesn't feel like a periwinkle with paint depth. Compared to Galactic Gossamer, it's a touch less airy pastel and more grounded, with less of that clean, blue-leaning calm. And unlike Easter Egg, it holds onto a cooler purple restraint instead of turning friendly and soft.
I use Moon Veil when the UI needs quiet emphasis without shifting into lavender-mauve. It's the shade I reach for in dashboards and finance apps for secondary highlights like alert headers, table filters, and subtle focus rings that shouldn't shout. It also works well in SaaS onboarding screens and product screenshots where you want a purple presence that stays readable next to cool grays.
Pair it with crisp, slightly warm whites or neutral slate, because it can look a bit washed out against pure bright whites, and it may feel cooler than you expect next to beige tones.
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.