Cyberpunk Neon — 5-color palette
#FF006E#3A0CA3#06D6A0#F72585#1A1A2EHex codes
Hex
#FF006E
RGB
255, 0, 110
HSL
334°, 100%, 50%
Hex
#3A0CA3
RGB
58, 12, 163
HSL
258°, 86%, 34%
Hex
#06D6A0
RGB
6, 214, 160
HSL
164°, 95%, 43%
Hex
#F72585
RGB
247, 37, 133
HSL
333°, 93%, 56%
Hex
#1A1A2E
RGB
26, 26, 46
HSL
240°, 28%, 14%
How to use this palette
The first color in Cyberpunk Neon 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 {
--cyberpunk-neon-1: #FF006E;
--cyberpunk-neon-2: #3A0CA3;
--cyberpunk-neon-3: #06D6A0;
--cyberpunk-neon-4: #F72585;
--cyberpunk-neon-5: #1A1A2E;
}