Meteor Shower
#5533ff
Cool violet-lilac wash for soft focus layouts
About Meteor Shower
Meteor Shower looks like a violet flare that's already cooled down: vivid enough to read fast, but not neon-clean like Electric Indigo. Compared to C64 Blue and Blustering Blue, it's less deep and less "push-pull" in the blue direction, with a calmer, more even purple focus. The lightness sits higher than those heavier blues, and the saturation feels controlled rather than punchy.
I reach for Meteor Shower in dark mode layouts when I want purple presence without the weight or seriousness of the deeper options. It works especially well for hero accents, UI highlights in creative software, and motion-heavy streaming interfaces where you need the state change to feel precise. It also holds up in editorial systems that need hierarchy without sliding into tech-blue territory.
Pair it with a restrained warm (paper gold, muted coral) for readable contrast. Go too saturated with warm pinks and it starts to look more like a general "party purple" than this cool, night-sky flare.
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.