ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Retro· Curated

Arcade Synthwave '84

Nostalgic 1980s neon arcade palette packed with glowing magenta, electric cyan, and laser yellow.

#Retro#Neon
Open in Generator
COLOR 1
#241734
Elderberry
COLOR 2
#2E2157
Acai Berry
COLOR 3
#FD3A69
Rose 500
COLOR 4
#FECD1A
Kodak Yellow
COLOR 5
#01FFFF
Aqua

Suitable Design Applications

Retro Arcade CabinetsSynthwave Album Artwork1980s Pop Culture PortalsIndie Game Menus

Visual Psychology & Mood

1980s nostalgia, analog synthesizers, and neon arcade quarters.

Editorial Application Advice

Nostalgic cyan gridlines and hot-pink sunsets slicing through midnight purple skies. Pure retro-futuristic euphoria.

Recommended UI Role Architecture

Optimal visual hierarchy assignment for digital product interfaces:

Primary Canvas Background
#120826
Card & Elevated Surface
#221147
Primary Brand CTA Accent
#FF2A85
Secondary Accent & Focus
#00F0FF
Typography & Headings
#FDF4FF

Color Values & Codes

HEX · RGB · HSL
Elderberry
#241734
rgb(36, 23, 52)hsl(267, 39%, 15%)Color details →
Acai Berry
#2E2157
rgb(46, 33, 87)hsl(254, 45%, 24%)Color details →
Rose 500
#FD3A69
rgb(253, 58, 105)hsl(346, 98%, 61%)Color details →
rgb(254, 205, 26)hsl(47, 99%, 55%)Color details →
Aqua
#01FFFF
rgb(1, 255, 255)hsl(180, 100%, 50%)Color details →

Open In Design Tools

Palette Generator
Lock & shuffle colors
Contrast Checker
Test WCAG compliance
Shades & Tints
Generate tonal steps
Retro Palettes
Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #241734;
  --color-2: #2E2157;
  --color-3: #FD3A69;
  --color-4: #FECD1A;
  --color-5: #01FFFF;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text
#241734 on #FECD1A11.19:1
Normal Text AA Pass
Sample Text
#241734 on #01FFFF13.43:1
Normal Text AA Pass
Sample Text
#2E2157 on #FECD1A9.49:1
Normal Text AA Pass
Sample Text
#2E2157 on #01FFFF11.38:1
Normal Text AA Pass
Sample Text
#FD3A69 on #FECD1A2.33:1
Large Text Only (Fail)
Sample Text
#FD3A69 on #01FFFF2.80:1
Large Text Only (Fail)

Related Palettes in Retro

Explore Retro
#E76F51Copy
#F4A261Copy
#E9C46ACopy
#2A9D8FCopy
#264653Copy
cp-featured-03Vintage
1970s California Sun
VintageRetroWarm
#050505Copy
#00FF66Copy
#00F0FFCopy
#FF0055Copy
#FFE600Copy
cp-featured-04Gaming
Cyber Glitch Protocol
GamingFuturisticNeon
#0F172ACopy
#38BDF8Copy
#818CF8Copy
#F43F5ECopy
#FDE047Copy
cp-featured-12Aesthetic
Tokyo Neon Dusk
AestheticCreativeNeon
#20F615Copy
#46F7E0Copy
#101BF9Copy
#EE4AF2Copy
#FD130BCopy
cp-0401Neon
Cyber Drift
NeonFuturisticBold

Frequently Asked Questions About Arcade Synthwave '84

Production design guidance and accessibility rules for applying the Arcade Synthwave '84 (Retro) color palette.

What is the recommended role hierarchy for the Arcade Synthwave '84 palette?
In digital interface design, allocate #241734 and #01FFFF for structural surface canvas and typography hierarchy (the 60% and 30% layers of the design), while using standout swatches like #2E2157 or #FD3A69 as your 10% primary action accent for buttons, badges, and interactive highlights.
Are the colors in Arcade Synthwave '84 WCAG accessible for web body copy?
Always verify contrast ratios against WCAG 2.2 AA standards (minimum 4.5:1 for regular body copy and 3.0:1 for large text or graphical controls). Consult the Role-Based WCAG Contrast Audit section above to see exact scores for every foreground/background combination in this palette.
How can I export the Arcade Synthwave '84 palette to my frontend codebase?
You can copy CSS Custom Properties directly from the CSS Variables code block above, export Tailwind CSS configuration tokens, download a high-resolution PNG card, or open the entire palette inside the interactive Palette Generator to experiment with tints and harmonies.