Neon Color Palette: Bright Hex Codes
A neon color palette is built from the most saturated, high-energy colors possible — pinks, greens, and blues so bright they appear to glow. The defining trick is contrast: neons need a dark background (usually near-black) to do their job, because a bright accent on black mimics the look of actual neon and LED light. Use the named palettes and hex table below as a ready reference, then read on for how to combine them.
If you want the theory behind why these intense colors feel energetic and attention-grabbing, see our guide to color psychology, and our pastel vs neon comparison explains how saturation separates the two families. For related high-energy themes, the Halloween color palette uses the same glow-on-black approach, and the retro color palette covers the 1980s roots of neon.
What colors are in a neon palette?
A neon palette is defined by extreme saturation and brightness — colors pushed to the edge of what a screen can display. The core members are neon pink (#FF6EC7), a hot magenta-pink; neon green (#39FF14), an electric lime; electric blue (#7DF9FF), a glowing cyan; neon yellow (#FFFF33), a vivid highlighter yellow; neon orange (#FF6700), a blazing orange; and neon purple (#BC13FE), an intense violet. None of these are neutrals — a true neon palette borrows a near-black or deep navy as its base so the colors can glow against it.
| Color name | Hex | RGB | Role |
|---|---|---|---|
| Neon Pink | #FF6EC7 | 255, 110, 199 | Primary / anchor |
| Neon Green | #39FF14 | 57, 255, 20 | Secondary |
| Electric Blue | #7DF9FF | 125, 249, 255 | Secondary / cool |
| Neon Yellow | #FFFF33 | 255, 255, 51 | Accent / highlight |
| Neon Orange | #FF6700 | 255, 103, 0 | Accent / warm |
| Neon Purple | #BC13FE | 188, 19, 254 | Accent |
5 neon palettes with hex codes
Each of these is a ready-to-use scheme. Copy the hex codes directly; each is designed to sit on a near-black base (#0D0D0D) so the colors glow.
1. Classic Neon
The signature pink, green, and blue trio — electric, bold, and unmistakably neon.
Neon Pink #FF6EC7 Neon Green #39FF14 Electric Blue #7DF9FF Neon Yellow #FFFF33 Near Black #0D0D0D
2. Cyberpunk
Pink and cyan against deep blue-black — futuristic, moody, and high-tech.
Neon Pink #FF6EC7 Electric Blue #7DF9FF Neon Purple #BC13FE Midnight Navy #0A0A1F Neon Yellow #FFFF33
3. Vaporwave Sunset
Pink, purple, and orange gradients channeling 1980s synthwave aesthetics.
Neon Pink #FF6EC7 Neon Purple #BC13FE Neon Orange #FF6700 Electric Blue #7DF9FF Deep Plum #1A0B2E
4. Rave Bright
Maximum-energy green, yellow, and pink for festival and party graphics.
Neon Green #39FF14 Neon Yellow #FFFF33 Neon Pink #FF6EC7 Neon Orange #FF6700 Near Black #0D0D0D
5. Electric Pop
Cool cyan and purple with a hot pink accent for modern tech and app design.
Electric Blue #7DF9FF Neon Purple #BC13FE Neon Pink #FF6EC7 Neon Green #39FF14 Near Black #0D0D0D
Which neon colors go together?
Neon colors are tricky to combine because they all fight for attention, so the secret is pairing them on a dark base rather than against each other on white. The most reliable pairings keep a temperature contrast: neon pink (#FF6EC7) and electric blue (#7DF9FF) make the classic warm-cool neon duo seen in signage and cyberpunk art. Neon green (#39FF14) and neon purple (#BC13FE) form a high-voltage near-complementary pair. Neon pink and neon yellow read as pure rave energy.
The essential “neutral” in a neon palette is darkness: a near-black (#0D0D0D), deep navy (#0A0A1F), or deep plum (#1A0B2E) base is what lets the colors glow. Without it, neons on white look harsh and lose their luminous quality. A practical rule: choose two to three neons maximum, place them on a dark field, and let one dominate while the others accent. Using all six at once produces visual chaos rather than energy.
How to use a neon palette in design
Lead with darkness, exactly like neon signage. Set a near-black (#0D0D0D) or deep navy background, then place one or two neons on top so they appear to glow — this single decision is what separates a neon design from one that just looks loud. Apply a strict 70-20-10 split: 70% dark base, 20% one dominant neon, and 10% a second neon accent. Neons are accent colors by nature and overwhelm at large coverage.
For type, light neon text on a dark field works, but check contrast and legibility: electric blue and neon yellow read well at small sizes, while neon purple often needs lightening. Add a subtle outer glow or blur behind neon elements to mimic real light bloom, and the effect becomes convincing. Avoid using neons on white for body text — they cause eye strain and lose their glow. To understand how the warm neons (pink, orange, yellow) balance against the cool ones (blue, green), see warm vs cool colors.
Neon palette for branding, web, and events
In branding, neon palettes signal energy, youth, and innovation, which is why they suit tech startups, esports, music, and nightlife brands. Use a neon as a single bold accent against a dark or neutral identity rather than as the whole palette — a little goes a long way. See how to choose brand colors for using a neon accent without overwhelming a brand system.
On the web, dark-mode interfaces are the natural home for neon: a near-black background with a single neon for links, buttons, and highlights looks modern and high-tech — but verify contrast for accessibility, since saturated neons on dark can still fail for small text. For events (festivals, parties, gaming), neon is built for screens, LED walls, and glow signage, where its luminance is a genuine asset. Printed neons are harder to reproduce accurately, so use fluorescent spot inks rather than standard CMYK when the glow matters.
Frequently Asked Questions
What are neon colors?
Neon colors are ultra-saturated, high-brightness colors that appear to glow, such as neon pink (#FF6EC7), neon green (#39FF14), and electric blue (#7DF9FF). They are named after neon and fluorescent lighting and look most vivid against dark backgrounds, which is where they mimic actual glowing light.
What background works best for neon colors?
A near-black (#0D0D0D), deep navy (#0A0A1F), or deep plum (#1A0B2E) background works best for neon colors. The dark base lets neons appear to glow, just like real neon signage. On white, neons look harsh and lose their luminous quality, so dark fields are almost always the right choice.
How many neon colors should I use together?
Use two to three neon colors at most, placed on a dark base, with one dominating and the others as accents. Because every neon competes for attention, using more than three at once creates visual chaos rather than energy. Restraint plus a dark background is what makes neon look intentional.
What is the difference between neon and pastel colors?
Neon and pastel sit at opposite ends of saturation. Neon colors are maximally saturated and bright, designed to glow on dark backgrounds; pastels are high-lightness but low-saturation, designed to feel soft on light backgrounds. Same hues, opposite intensity — one shouts, the other whispers.
