TXT · Text & Data tools

Cyberpunk Color Palette Generator

Harmony rule

Space — generate · Shift+Space — refine · Click a value to copy

Harmony

Swatches
Strictness%
Chaos
Base huerandom

Color & tone

Saturation%
Sat variance
Lightness%
Light variance

Neon against the night

Cyberpunk aesthetics demand extreme contrast. This generator produces the signature glowing synthwave look by forcing high-saturation cyans and magentas against darker, moodier baselines. Press the spacebar to cycle through new neon combinations, or hold Shift while tapping space to gently shift the current glow.

Anchor your brights

When you hit the exact electric pink or radioactive green you need, click the lock icon to freeze it. Subsequent rolls will rebuild the surrounding alleyway shadows and secondary neon signs while leaving your anchored tone completely untouched.

Wire it into your project

Grab the exact hex of any glowing swatch just by clicking its value on the screen. For complete layouts, open the export menu to pull the whole stack out as CSS variables or a JSON array. You can also send a specific neon directly to the shade generator to build out a graded UI scale.

Frequently Asked Questions

A high-saturation cyan base played against its magenta-pink complement at darker lightness. That neon-against-night contrast is the signature.

Lock a swatch and it's pinned in place; pressing generate again rerolls only the colors you didn't lock.

The export menu produces CSS variables, a HEX list, or JSON. A click on a swatch copies its hex by itself.

Yes. Open any swatch in the shade generator to expand it into a full tint-and-shade scale.

Yes. Palettes are built in your browser; nothing is sent anywhere.

Jumpstart your design with a preset

Full Color Palette Generator tool

Explore Our Tools

Browse all tools