Color collection
Neon Green Color Palettes
Neon green palettes for gaming products, developer tools, finance visuals, and bold web experiments.
#9D14E1Accent#F236CCSurface#1E1221Text#F6F3F7Support#EAB753Neon Green 2Neon / Green / GamingQuality 100Primary#D714E1Accent#F23674Surface#241423Text#F7F3F7Support#EAE253Neon Green 3Neon / Green / GamingQuality 100Primary#E114B1Accent#F24F36Surface#271621Text#F7F3F6Support#C6EA53Neon Green 4Neon / Green / GamingQuality 94Primary#E11477Accent#36F297Surface#2A181EText#F7F3F4Support#9CEA53Neon Green 6Neon / Green / GamingQuality 94Primary#E12514Accent#8EF236Surface#31201CText#F7F3F3Support#53EA5FNeon Green 7Neon / Green / GamingQuality 94Primary#E15F14Accent#36F236Surface#34291DText#F7F5F3Support#53EA8AHow to use these palettes
Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for gaming pages, developer tools, and bold fintech visuals. Anchor neon green with black, slate, or deep teal to keep the palette usable.
Vivid colors are limited to action and highlight roles so the palette feels energetic without overpowering UI text.
CSS Variables
:root {
--primary: #9D14E1;
--accent: #F236CC;
--surface: #1E1221;
--text: #F6F3F7;
--support: #EAB753;
}FAQ
Where should I use neon green color palettes?
These palettes are designed for gaming pages, developer tools, and bold fintech visuals.
Can I copy these colors into a design system?
Yes. Each palette includes clear interface roles such as Primary, Accent, Surface, Text, and Support.
How do I avoid low contrast?
Anchor neon green with black, slate, or deep teal to keep the palette usable.