Colour Palettes

Neon palette generator

How many 5

Nearest named colour: midnightblue

Format

Calculated in your browser · nothing is uploaded

Local · screen only — outside the print gamut

Generates near-maximum saturation colours at the lightness where they read as glowing rather than merely bright.

How to use the neon palette generator

1 Press generate for a fresh set, and again until one lands.

2 Switch the format if you need RGB, HSL or OKLCH rather than hex.

3 Tap any swatch to copy it, or copy the whole set at once.

Neon works on screens because a display emits light rather than reflecting it, so a fully saturated colour genuinely looks luminous in a way no printed ink can. That is also its limitation: a neon palette that looks electric on a monitor prints as muddy, because those colours are outside the CMYK gamut entirely. If the work is going anywhere near print, check the colours convert before committing. On screen, the other caution is that saturated colours vibrate against each other — neon on neon is genuinely hard to look at, so a dark neutral background is the usual partner.

Questions

Why do neon colours look wrong when printed? −

They are outside the CMYK gamut. A display emits light; ink reflects it, and the most saturated screen colours have no ink equivalent.

Why do two neon colours hurt to look at? +

Will these colours be readable together? +

Which colour format should I use? +

What background suits a neon palette? +

Sources

MDN — CSS color values

Was this tool any good?

INTERNAL SIGNAL ONLY · WE USE IT TO FIND TOOLS WORTH REBUILDING