Vaporwave — 5-color palette
#FF71CE#B967FF#01CDFE#05FFA1#FFFB96Hex codes
Hex
#FF71CE
RGB
255, 113, 206
HSL
321°, 100%, 72%
Hex
#B967FF
RGB
185, 103, 255
HSL
272°, 100%, 70%
Hex
#01CDFE
RGB
1, 205, 254
HSL
192°, 99%, 50%
Hex
#05FFA1
RGB
5, 255, 161
HSL
157°, 100%, 51%
Hex
#FFFB96
RGB
255, 251, 150
HSL
58°, 100%, 79%
How to use this palette
The first color in Vaporwave is the dominant tone — use it for primary surfaces and backgrounds. The middle three are the supporting palette: one warm, one cool, one neutral. The last is the accent — reserve it for highlights, calls-to-action, and emphasis.
For web projects, copy the CSS variables below. For print or illustration, use the hex codes directly. If you’re designing for accessibility, check the contrast between the text and background colors before you ship.
CSS
:root {
--vaporwave-1: #FF71CE;
--vaporwave-2: #B967FF;
--vaporwave-3: #01CDFE;
--vaporwave-4: #05FFA1;
--vaporwave-5: #FFFB96;
}