Purple Illusion
#b8b8f8
Light, cool violet-lavender for crisp UI accents
About Purple Illusion
Purple Illusion reads like a soft violet veil over a glossy surface, but it stays distinctly purple, not blue-gray. It's lighter than the more evening-leaning lavenders, and it doesn't go quite as floaty as Innocent Snowdrop. Compared with Pastel Blue, it's less periwinkle and more lavender-forward. Next to Stardust Evening, it feels clearer and a touch brighter, with less misted depth.
I use it for product UI where you want a purple tint that still feels clean: e-commerce promo modules, telehealth landing pages, and onboarding steps in wellness apps. It's also great in editorial-style layout systems for skincare and dermatology thumbnails, especially behind UI chips, badges, and section headers where you want subtle separation without stealing focus. In design terms, it's the one you reach for when your purple needs to look polished under studio lighting.
Pair it with soft creams or neutral-lilac accents, and avoid mixing it with icy, very blue tones that can make it look briefly greyed-out rather than clearly violet.
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.