How do I use a cyberpunk palette?

Use the darkest tone for text, the palest for large surfaces, and the most saturated color as the accent. Click any swatch to copy its hex, or open a palette in the generator to adjust it.

Are these real named colors?

Every swatch links to its closest curated color page, with codes, tints and shades, palettes, and contrast data.

Can I export a palette?

Yes. Open it in the generator for CSS, Tailwind, SCSS, SwiftUI, Android, and JSON exports, plus a shareable link.

Cyberpunk color palette

Three cyberpunk palettes generated from color theory. Every swatch copies its hex; every name opens that color's full page; every palette opens in the generator, visualizer, or recolor tool.

Pericallis Hybrida #9748FF Epink #DE2BFF Rose Pink #FF63CB Aggressive Salmon #FF789C Manila Sunset #FF7264

Cyberpunk palette 1 Open in generator Preview Recolor

Orange Outburst #DF7B00 Filthy Brown #EAAB00 Olive Yellow #C2B500 Matcha Powder #9AD200 Synthetic Spearmint #00FA70

Cyberpunk palette 2 Open in generator Preview Recolor

Orange Pepper #DE7C00 Filthy Brown #EAAB00 Olive Yellow #C2B500 Matcha Powder #98D200 Synthetic Spearmint #00FA73

Cyberpunk palette 3 Open in generator Preview Recolor

Use it

Put palette 1 to work

The three roles applied: this vignette is rendered from palette 1, not a mockup.

Text and headings: Pericallis Hybrida #9748FF

Because the darkest tone holds contrast on light surfaces.
Large surfaces: Aggressive Salmon #FF789C

Because the palest tone covers backgrounds without shouting.
The accent: Epink #DE2BFF

Because the most saturated color earns the buttons and highlights.

Explore

Explore these colors

FAQ

Common questions

How do I use a cyberpunk palette?: Use the darkest tone for text, the palest for large surfaces, and the most saturated color as the accent. Click any swatch to copy its hex, or open a palette in the generator to adjust it.
Are these real named colors?: Every swatch links to its closest curated color page, with codes, tints and shades, palettes, and contrast data.
Can I export a palette?: Yes. Open it in the generator for CSS, Tailwind, SCSS, SwiftUI, Android, and JSON exports, plus a shareable link.

Generate more cyberpunk palettes with locked colors and full exports.