Skip to content
AI Color

By Aesthetic

Cyberpunk Color Palettes

Electric magenta and cyan flare against near-black grounds, the neon night-city signature of Cyberpunk colour. Its main colours include slate blue (#6c81fb), aquamarine (#5ef5cc), vermilion (#f83e31), violet (#9119ef), cardinal (#b20e62), built as a split complementary set around 300° on the colour wheel. Hex and RGB values for each swatch are listed below for quick copy.

Cyberpunk color palette hex codes

Main cyberpunk colours with named swatches, HEX and RGB. Derived from this tag's hue (300°), saturation (92%) and split complementary scheme.

Cyberpunk color palette hex codes
SwatchNameHEXRGBCopy
Slate Blue swatchSlate Blue#6c81fbrgb(108, 129, 251)
Aquamarine swatchAquamarine#5ef5ccrgb(94, 245, 204)
Vermilion swatchVermilion#f83e31rgb(248, 62, 49)
Violet swatchViolet#9119efrgb(145, 25, 239)
Cardinal swatchCardinal#b20e62rgb(178, 14, 98)
Forest Green swatchForest Green#0a7b3frgb(10, 123, 63)
Forest Green swatchForest Green#346c02rgb(52, 108, 2)
Indigo swatchIndigo#450345rgb(69, 3, 69)

Cyberpunk color palettes

About cyberpunk color palettes

Cyberpunk palettes run hot: high saturation magenta and cyan in a split-complementary clash, with lightness pushed toward deep blacks and glowing midtones. There are 24 Cyberpunk palettes here for UI, posters and game art that need rain-slick futurism.

Near-black bases make neon accents feel lit from within. Keep secondary neutrals cool and desaturated so the magenta-cyan pair owns the drama.

Flood backgrounds with charcoal or pure black, reserve neon magenta and cyan for edges, glows and interactive states, and avoid warm earth tones that break the nocturnal Cyberpunk mood.

Need something more specific? Generate a custom scheme with the AI color palette generator or extract one from a photo with the color palette from image tool.

Cyberpunk color palette FAQ

What colours define Cyberpunk aesthetics?

Neon magenta, electric cyan and near-black dominate. Split-complementary pairing keeps the clash intentional: hot pinks against icy blues on a dark stage.

Which hex codes capture Cyberpunk neon?

Try anchors like slate blue (#6c81fb), aquamarine (#5ef5cc), vermilion (#f83e31). A typical Cyberpunk hex spread might read #6c81fb, #5ef5cc, #f83e31, #9119ef, #b20e62, #0a7b3f, #346c02, #450345. Push saturation high and keep most of the canvas below mid lightness.

How can I use Cyberpunk colours in interface design?

Dark base first, then neon for focus rings, charts and headlines only. Limit body text to cool greys so readability survives the glow, and use thin luminous borders rather than filled blocks.

Is it free to reuse Cyberpunk palettes?

Yes. Hex values on this page may be copied into games, albums and apps without a licence fee. There are 24 Cyberpunk palettes ready to remix.