Vaporwave
#ff66ee
Cooler neon-magenta pink for high-contrast highlights
About Vaporwave
I keep noticing Vaporwave on mockups as a bubble of pink-lavender coolness. It reads more "screen glow" than candy coat, and it doesn't have Candy Pink's soft, quiet approach or Pink Flamingo's extra color weight. Compared to Flamazing Pink, it feels cooler and slightly more translucent, like the highlight has been diffused instead of intensified.
In product UI, it's the one you reach for when you want a neon-leaning pink accent that still behaves on light layouts. I use it for wellness and beauty onboarding steps, music and streaming progress states, and fashion ecommerce microbadges where the page should feel modern and slightly dreamlike. It's also good in hero gradients behind product imagery, especially when you're mixing pink with soft violets instead of jumping to hot magenta.
Pair it with near-white, light gray, or deep navy to keep the temperature contrast crisp. If you drop it next to Flamazing Pink, keep one as the highlight and let the other stay secondary so it doesn't turn into competing glow.
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.
