Palette

Electro Arcade Surge

A vivid and intense palette reflecting the pulsating lights and digital energy of a futuristic arcade.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Electro Arcade Surge 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 Electro Arcade Surge.

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

Data visualization

#00FFFF#39FF14#FF00FF#000000#4B0082

Palette guide

How to use Electro Arcade Surge

Overview

The Electro Arcade Surge palette is a vivid and intense collection reflecting the pulsating lights and digital energy of a futuristic arcade. Featuring electric cyan (#00FFFF), vibrant lime green (#39FF14), striking magenta (#FF00FF), deep black (#000000), and rich indigo (#4B0082), this palette is designed for high-impact, energetic designs. Designers and developers can utilize these contrasting hues to create immersive retro-futuristic experiences, from game interfaces to digital art. The deep black and indigo provide crucial grounding, allowing the neon colors to truly surge and capture the essence of a cyberpunk or retro-gaming aesthetic, ensuring elements demand attention.

Best used for

Retro arcade game interfaces and pixel art
Cyberpunk themed websites and apps
Music event promotions and club flyers
Streaming channel branding and overlays
Digital art and motion graphics with a neon aesthetic
Youth-focused product packaging and branding

Suggested color roles

primary

Deep black (#000000) serves as the ultimate backdrop, while electric cyan (#00FFFF) or striking magenta (#FF00FF) can be primary branding colors for headings and main elements.

secondary

Rich indigo (#4B0082) adds depth and can be used for secondary panels, subtle backgrounds, or larger typography elements.

accent

Vibrant lime green (#39FF14) is a powerful accent, perfect for calls-to-action, interactive buttons, or any element needing a sharp, energetic pop.

background

Deep black (#000000) provides the essential dark canvas, making the neon colors glow intensely and defining the arcade aesthetic.

text

For body text, use white or a very light gray on dark backgrounds. For headings or short statements, electric cyan (#00FFFF) or vibrant lime green (#39FF14) offer excellent contrast against #000000.

Accessibility notes

Ensure sufficient contrast when pairing any two vibrant colors, especially for text, by checking WCAG guidelines.
Avoid using #39FF14 or #FF00FF for extensive body text due to their high saturation and potential for eye strain.
The deep black (#000000) background significantly improves readability for the bright neon text colors.
Use larger font sizes for lower contrast text elements to enhance legibility, particularly with #4B0082.

Recommended combinations

Arcade Glow

Ideal for creating a dark interface with vibrant, energetic highlights, reminiscent of classic arcade screens.

#000000 · #00FFFF · #39FF14

Cyber Pulse

Excellent for gradients, background textures, or layered UI elements, adding depth with a futuristic feel.

#4B0082 · #FF00FF · #00FFFF

High Score

Perfect for calls-to-action, warning messages, or interactive elements that demand immediate visual attention.

#000000 · #FF00FF · #39FF14

CSS variables

:root {
  --electro-arcade-surge-1: #00FFFF;
  --electro-arcade-surge-2: #39FF14;
  --electro-arcade-surge-3: #FF00FF;
  --electro-arcade-surge-4: #000000;
  --electro-arcade-surge-5: #4B0082;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electro-arcade-surge": {
        1: "#00FFFF",
        2: "#39FF14",
        3: "#FF00FF",
        4: "#000000",
        5: "#4B0082",
      }
    }
  }
}

Hex values

Color 1#00FFFF

Color 2#39FF14

Color 3#FF00FF

Color 4#000000

Color 5#4B0082

Accessibility

Contrast checker

1.1:1Fail

2.5:1Fail

16.7:1AAA

10.3:1AAA

1.1:1Fail

2.3:1Fail

15.5:1AAA

9.6:1AAA

2.5:1Fail

2.3:1Fail

6.7:1AA

4.1:1AA18

16.7:1AAA

15.5:1AAA

6.7:1AA

1.6:1Fail

10.3:1AAA

9.6:1AAA

4.1:1AA18

1.6:1Fail

Similar palettes

More like Electro Arcade Surge

View all vibrant

Cybernetic Spectrum Surge