retroneonvibrant
80s Arcade Color Palette
80s Arcade is a retro, neon and vibrant color palette of 5 colors: Midnight Blue (#2b0f54), Medium Violet Red (#ab1f65), Watermelon (#ff4f69), Snow (#fff7f8) and Coral (#ff8142). Its dominant hue is red.
The darkest color, Midnight Blue, on the lightest, Snow, gives a 15.32:1 contrast ratio — enough for body text at WCAG AAA. 4 pairs in this palette pass AA for normal text. Watermelon (#ff4f69) is its most saturated color and a natural choice for buttons and links.
Colors
- Midnight Blue
- Medium Violet Red
- Watermelon
- Snow
- Coral
CSS Output
:root {
--eighties-arcade-1: #2b0f54;
--eighties-arcade-2: #ab1f65;
--eighties-arcade-3: #ff4f69;
--eighties-arcade-4: #fff7f8;
--eighties-arcade-5: #ff8142;
}80s Arcade on a Website
A quick preview on a landing page: the most colorful colors become the primary and accent, a light one the surface. For a more realistic look across many designs, open it in the Palette Visualizer below.
See it on real designs
This is a single preview. The Palette Visualizer shows the palette on 11 designs — dashboards, mobile apps, pricing and blog pages, posters and business cards — lets you change which color plays which role, switch to dark mode and check contrast.
Accessible Color Combinations
Pairs from this palette that work as text on a background, with their WCAG contrast ratio. AA needs 4.5:1 for body text; large text needs 3:1.
- Midnight Blue on Snow#2b0f54 on #fff7f815.32:1AAA
- Midnight Blue on Coral#2b0f54 on #ff81426.52:1AA
- Medium Violet Red on Snow#ab1f65 on #fff7f86.39:1AA
- Midnight Blue on Watermelon#2b0f54 on #ff4f695.06:1AA
- Watermelon on Snow#ff4f69 on #fff7f83.02:1AA Large