Color collection
Neon Pink Color Palettes
Neon pink palettes for nightlife brands, music launches, social graphics, and expressive digital UI.
#1E51EBAccent#F2D636Surface#EBECF4Text#121521Support#EC6586Neon Pink 14Neon / Pink / VividQuality 98Primary#1E8BEBAccent#F27E36Surface#EBEFF4Text#121921Support#EC65ADNeon Pink 16Neon / Pink / VividQuality 96Primary#251EEBAccent#B6F236Surface#EDEBF4Text#141221Support#EC6965Neon Pink 17Neon / Pink / VividQuality 95Primary#5F1EEBAccent#5EF236Surface#EFEBF4Text#181221Support#EC9065Neon Pink 18Neon / Pink / VividQuality 95Primary#991EEBAccent#36F265Surface#F2EBF4Text#1C1221Support#ECB665Neon Pink 1Neon / Pink / VividQuality 94Primary#EB1E4AAccent#36F2C9Surface#F4EBECText#211215Support#82EC65How to use these palettes
Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for music pages, events, and expressive campaign sites. Use pink for visual hooks and balance it with a darker violet or black foundation.
Vivid colors are limited to action and highlight roles so the palette feels energetic without overpowering UI text.
CSS Variables
:root {
--primary: #1E51EB;
--accent: #F2D636;
--surface: #EBECF4;
--text: #121521;
--support: #EC6586;
}FAQ
Where should I use neon pink color palettes?
These palettes are designed for music pages, events, and expressive campaign sites.
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?
Use pink for visual hooks and balance it with a darker violet or black foundation.