Neon color palette
Neon palettes only work on a near-black background: every neon hue in this set is far too light to pass contrast on white, but the same colors reach AAA the moment they land on blackout. This is a dark-surface-first palette by construction, not by preference.
Updated 2026-07-15
- Neon GreenPrimary#39FF88
- Electric MagentaAccent#FF3EC9
- Cyber CyanHighlight#00E5FF
- Volt YellowAccent 2#FFF200
- Signal WhiteText#F5F5F5
- BlackoutBackground#0A0A0F
Where this palette works
Gaming and esports interfaces
High-saturation neon on black is the established visual language for competitive and gaming products.
Event, nightlife, and entertainment marketing
Neon reads as energetic and current in a way no desaturated palette can replicate.
Data visualization on dark dashboards
Four distinct neon hues at matched lightness give chart series strong separation against a dark background.
Accessible pairings
Every neon swatch here clears AA or better against blackout, so unlike the pastel set, this palette does not need a single dedicated ink color. Pick whichever neon fits the semantic role and it holds contrast on the shared dark background.
Use these tokens
Copy as CSS custom properties or a Tailwind v4 @theme block.
:root {
--palette-primary: #39FF88; /* Neon Green */
--palette-accent: #FF3EC9; /* Electric Magenta */
--palette-highlight: #00E5FF; /* Cyber Cyan */
--palette-accent-2: #FFF200; /* Volt Yellow */
--palette-text: #F5F5F5; /* Signal White */
--palette-background: #0A0A0F; /* Blackout */
}Frequently asked questions
Related palettes
Dark mode palette
A dark mode color palette with layered void, elevated, and card surfaces, electric blue and signal accents, hex codes, and accessible pairings.
Sunset palette
A sunset color palette built from dusk purple, twilight violet, coral, and gold flare, with hex codes, accessible text pairings, and export-ready CSS variables.
Pastel palette
A pastel color palette built from blossom pink, lavender, and mint, with hex codes, accessible text pairings, and export-ready CSS variables.
Build on this palette
Generate a full shade scale and export to Tailwind, shadcn, or Figma Variables.
Generate a palette