Vaporwave Color Palette
Hot pink, electric purple, cyan, mint and pale yellow, the neon pastel colors of the vaporwave aesthetic.
Make it a gradient → Want to adjust the palette colors? Use the Color Palette Generator →
Colors
#FF71CE
#B967FF
#01CDFE
#05FFA1
#FFFB96
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #FF71CE | T - | T - | |
| #B967FF | T - | T - | |
| #01CDFE | T - | T - | |
| #05FFA1 | T - | T - | |
| #FFFB96 | T - | T - |
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance. Click a check to verify it on colorcontrastcheck.com.
Vaporwave CSS Code
oklch(74.74% 0.2 342.96) oklch(67.37% 0.2212 306.2) oklch(78.75% 0.1468 223.22) oklch(88.08% 0.2064 157.77) oklch(96.98% 0.1232 106.5)
The same colors in OKLCH. In a gradient, OKLCH can also blend them more vividly. How OKLCH gradients work →
Similar Palettes
More Color Palettes
FAQ
What colors are in the Vaporwave palette?
Hot pink, electric purple, cyan, mint and pale yellow, the neon pastel colors of the vaporwave aesthetic.
How do I turn the Vaporwave palette into a CSS gradient?
Use background: linear-gradient(to right, #FF71CE, #B967FF, #01CDFE, #05FFA1, #FFFB96);, or click "Make it a gradient" above to open it in the live generator.