Color collection
Retro 80s Color Palettes
Bold 80s palettes for synthwave visuals, gaming pages, music campaigns, and pop culture sites.
RetroNeonGaming
Best for: music launches, game UI, and nightlife brandsExport: CSS, Tailwind, JSON, SVGPreview: dashboard, landing, mobile UI
Retro 80s 14Retro / Neon / GamingQuality 98Primary
#317CD8Accent#D68F51Surface#EBEEF4Text#121821Support#CE82A4Retro 80s 15Retro / Neon / GamingQuality 97Primary#314DD8Accent#D6CD51Surface#EBECF4Text#121421Support#CE828FRetro 80s 1Retro / Neon / GamingQuality 95Primary#D83148Accent#D68751Surface#F4EBEBText#211213Support#8CCE82Retro 80s 2Retro / Neon / GamingQuality 95Primary#D84A31Accent#D6C551Surface#F4EEEBText#211512Support#82CE8ERetro 80s 9Retro / Neon / GamingQuality 95Primary#31D848Accent#6351D6Surface#EBF4EEText#122115Support#8C82CERetro 80s 10Retro / Neon / GamingQuality 95Primary#31D877Accent#A151D6Surface#EBF4F0Text#122119Support#A282CEHow to use these palettes
Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for music launches, game UI, and nightlife brands. Use magenta and cyan against a dark navy base to avoid visual overload.
Vivid colors are limited to action and highlight roles so the palette feels energetic without overpowering UI text.
UI previewPrimary
Card
Button
Accent
CSS Variables
:root {
--primary: #317CD8;
--accent: #D68F51;
--surface: #EBEEF4;
--text: #121821;
--support: #CE82A4;
}Text / Surface contrast: 15.33:1
FAQ
Where should I use retro 80s color palettes?
These palettes are designed for music launches, game UI, and nightlife brands.
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 magenta and cyan against a dark navy base to avoid visual overload.