Cyberpunk Color Palettes
Twelve cyberpunk palettes with hex codes — generate endless more with the free tool below.
#21b3ed · #186ff2 · #2cfcc8 · #de0d56 · #e84011
#31fcfc · #1173d0 · #09dc84 · #fa0a62 · #c90d10
#07b4cf · #2a6cf8 · #02caa2 · #dc0933 · #fe440b
#27bbf1 · #2054ee · #08d4ae · #ee2f5c · #f06424
#04b1dc · #137bf1 · #06e5b8 · #f4256a · #ec1409
#03b2dd · #268afd · #01d599 · #cb0144 · #f53d14
#04d6fb · #1156e8 · #42f0c7 · #ed0c5b · #f2723a
#09def1 · #0f50d2 · #0fc2a7 · #f02468 · #da1e01
#29fbff · #106bea · #08e292 · #f3166b · #ec1f18
#01c3f4 · #0e49be · #2bf7e6 · #f03856 · #f46434
#20bff8 · #0a63d6 · #14fad8 · #fb2d7f · #f83012
#0d8fbf · #3a7ef2 · #16febc · #ef0635 · #d13a10
Want more? Generate unlimited cyberpunk palettes, or anchor one on your own base color.
Open the Color Palette GeneratorUsing a cyberpunk palette
Cyberpunk palettes are electric cyan and blue at near-full saturation, played against hot magenta across the wheel and grounded in urban near-black — the color logic of neon signage seen through rain. The genre rule is that saturated color is light source, not surface: in a convincing cyberpunk composition the vivid magenta behaves like it is emitting, applied as strokes, glows, and small hot areas over a dark, slightly desaturated city of a background. Gaming, esports, crypto, and event brands are the core users, and the palette is dark-mode native to the point that a light-background version simply stops being cyberpunk. One hazard is specific to the style: saturated magenta on black causes halation, so keep interface text in a cool desaturated gray and let the hot colors mark headings and highlights. Sparse deployment reads high-budget; wall-to-wall neon reads like a nightclub flyer.
Frequently asked questions
What two colors define the cyberpunk look?
Hot magenta-violet and electric cyan — near-complements that recreate the mixed neon signage of the genre films. Everything else in the scheme should be dark and quiet: charcoal, deep blue-black, and desaturated grays that let the two signal colors behave like light.
Can cyberpunk work on a light background?
Effectively no. The aesthetic depends on saturated color reading as emitted light against darkness; on white, the same magenta and cyan become ordinary bright graphics with no glow, and the genre reference disappears. If a light mode is required, treat it as a different theme.
How much neon is too much in a cyberpunk design?
When vivid color stops being the exception. The genre look holds while magenta and cyan cover perhaps 10-15 percent of the layout as glows, edges, and key text; past that, contrast fatigue sets in and the composition flattens into an undifferentiated bright poster.