Palette

Retro Arcade Pop

A vibrant blast from the past, reminiscent of classic 80s arcade games.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Retro Arcade Pop reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Retro Arcade Pop.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#FF0054#00BFFF#FFD700#39FF14#1E00FF

Palette guide

How to use Retro Arcade Pop

Overview

This "Retro Arcade Pop" palette explodes with the vibrant energy of classic 80s arcade games. Featuring intense hues like the bold #FF0054, electric blue #00BFFF, and striking gold #FFD700, it's perfect for projects demanding high-impact visuals. Designers can leverage #39FF14 for dazzling accents and #1E00FF for deep, contrasting elements that truly pop. This selection is ideal for creating designs that capture a nostalgic yet modern feel, ensuring visual excitement and strong brand recall. Developers will find these hex codes easy to implement for UI elements, animations, and interactive experiences that need a playful, energetic vibe.

Best used for

Gaming UI/UX design
Event posters and flyers
Streetwear fashion branding
Digital art and illustrations
Youth-oriented product packaging
Website headers for entertainment brands

Suggested color roles

primary

#FF0054 (A vibrant red-pink, commanding attention for main headings or key interactive elements.)

secondary

#00BFFF (A bright sky blue, excellent for supporting sections, progress bars, or secondary calls to action.)

accent

#39FF14 (An electrifying lime green, perfect for hover states, notifications, or small, impactful details.)

background

#1E00FF (A deep electric blue, providing a rich, dark canvas that makes other colors glow, or for specific dark-mode sections.)

text

#FFD700 (A bright gold, offering high contrast against dark backgrounds like #1E00FF for headlines, or use charcoal for lighter backgrounds.)

Accessibility notes

Ensure sufficient contrast when using #FFD700 (gold) or #39FF14 (lime green) for text against lighter backgrounds.
#FF0054 (red-pink) and #00BFFF (sky blue) may require careful pairing to meet WCAG AA standards for text.
Using a very dark color like #1E00FF as a background will enhance readability for brighter text colors.
Avoid placing #39FF14 (lime green) directly next to #FFD700 (gold) for critical information due to potential color blindness issues.

Recommended combinations

Neon Glow

Ideal for digital interfaces, dark mode themes, or futuristic visual effects where vibrant elements need to stand out.

#1E00FF · #00BFFF · #39FF14

Pop Blast

Excellent for attention-grabbing headlines, playful branding, or product highlights that demand immediate notice.

#FF0054 · #FFD700 · #00BFFF

Energetic Contrast

Use for dynamic hero sections, interactive buttons, or illustrations that require strong visual separation and energy.

#FF0054 · #1E00FF · #FFD700

CSS variables

:root {
  --retro-arcade-pop-2-1: #FF0054;
  --retro-arcade-pop-2-2: #00BFFF;
  --retro-arcade-pop-2-3: #FFD700;
  --retro-arcade-pop-2-4: #39FF14;
  --retro-arcade-pop-2-5: #1E00FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-arcade-pop-2": {
        1: "#FF0054",
        2: "#00BFFF",
        3: "#FFD700",
        4: "#39FF14",
        5: "#1E00FF",
      }
    }
  }
}

Hex values

Color 1#FF0054

Color 2#00BFFF

Color 3#FFD700

Color 4#39FF14

Color 5#1E00FF

Accessibility

Contrast checker

1.8:1Fail

2.8:1Fail

2.9:1Fail

2.2:1Fail

1.8:1Fail

1.5:1Fail

1.6:1Fail

4:1AA18

2.8:1Fail

1.5:1Fail

1:1Fail

6:1AA

2.9:1Fail

1.6:1Fail

1:1Fail

6.2:1AA

2.2:1Fail

4:1AA18

6:1AA

6.2:1AA

Similar palettes

More like Retro Arcade Pop

View all vibrant

Neon Arcade Buzz

Pixelated Arcade Flash