Neon colors are highly saturated and seem to glow, especially on a dark background. They show up in gaming, electronic music, parties and social media content. These 12 palettes pair neons with bases that make them pop.
Cyberpunk Night
A video game and sci-fi cover classic.
Pink and Cyan
Maximum contrast for YouTube thumbnails.
Electric Lime
Sporty energy; great for gyms and drinks.
Synthwave Sunset
An '80s look for music and events.
Bar Sign
Mimics the neon signs of bars and nightclubs.
Acid
Very eye-catching; use it on small pieces or posters.
Gamer Violet
For stream overlays and clan logos.
Orange and Electric Blue
Complementary contrast you can see from across the room.
Neon on White
A daytime version for fashion and summer campaigns.
Nightclub
Full saturation for party flyers.
Soft Neon
Easier on the eyes; good for code editor themes.
Tokyo Traffic
Inspired by city streets lit up at night.
Tap a color to copy its hex code. The pencil icon opens the palette in the editor so you can change it.
A dark background is key
Neons glow brightest on black, navy blue or very dark purple. On white they lose impact and can strain the eyes.
Don't use neon for long text
Neon colors vibrate and tire the eyes when reading. Use them for headings, borders, icons or details, and keep long text white or light gray.
Add a glow effect
On the web, you can fake the light of a neon tube with a text-shadow or box-shadow in the same color. In graphic design, a soft blur behind the element does the same trick.