Palette

Neon Arcade Flash

A dazzling explosion of electric neons, reminiscent of a vibrant, retro arcade at full swing.

vibrantplayful5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Neon Arcade Flash 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 Neon Arcade Flash.

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

Data visualization

#FF00FF#00FFFF#FFD700#8A2BE2#00FF7F

Palette guide

How to use Neon Arcade Flash

Overview

The "Neon Arcade Flash" palette is a dazzling spectrum of electric neons, designed to capture the exhilarating energy of a retro arcade. It features a striking magenta #FF00FF, a cool, luminous cyan #00FFFF, and a brilliant golden yellow #FFD700 that truly pops. Adding depth and a unique twist is the vibrant blue violet #8A2BE2, perfectly complemented by the refreshing spring green #00FF7F. This collection is ideal for designers looking to infuse projects with a playful yet sophisticated electric vibe. Developers can leverage these hex codes for dynamic UI animations, compelling game assets, or eye-catching web components. Its versatility allows for both bold statements and intricate details, making any design truly flash with excitement.

Best used for

Retro-themed website design
Interactive digital signage
Creative branding for tech startups
Mobile game interfaces
Party and event invitations
Art installations and projections

Suggested color roles

primary

Use #FF00FF (Magenta) for prominent calls-to-action, hero sections, or main graphic elements to command attention.

secondary

Apply #00FFFF (Cyan) for navigation, background accents, or secondary interactive elements, creating a cool, digital contrast.

accent

Highlight key information or interactive states with #FFD700 (Golden Yellow) for a radiant, high-visibility pop.

background

A dark, muted purple like #8A2BE2 can offer a unique background, or opt for deep charcoal to make other colors intensely bright.

text

For headings and crucial information, #FFD700 or #00FFFF on a dark background provides excellent legibility. Body text should be white or light gray.

Accessibility notes

Ensure high contrast for text, especially when using #00FF7F or #8A2BE2 on lighter backgrounds; dark text is usually required.
Avoid combining #FFD700 with #00FF7F for text or small elements due to potential low contrast.
Prioritize using these bright colors for larger visual elements, icons, or decorative accents rather than lengthy body text.
Always test color combinations with accessibility checkers to confirm WCAG AA or AAA compliance for critical information.

Recommended combinations

Electric Pop

Excellent for high-impact headlines, banners, or interactive buttons.

#FF00FF · #00FFFF · #FFD700

Vibrant Depth

Creates a dynamic, sophisticated neon look, suitable for backgrounds or layered graphics.

#8A2BE2 · #00FF7F · #FF00FF

Flashy Accent

Ideal for highlighting features or creating a sense of futuristic technology.

#FFD700 · #00FFFF · #8A2BE2

CSS variables

:root {
  --neon-arcade-flash-2-1: #FF00FF;
  --neon-arcade-flash-2-2: #00FFFF;
  --neon-arcade-flash-2-3: #FFD700;
  --neon-arcade-flash-2-4: #8A2BE2;
  --neon-arcade-flash-2-5: #00FF7F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-arcade-flash-2": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#FFD700",
        4: "#8A2BE2",
        5: "#00FF7F",
      }
    }
  }
}

Hex values

Color 1#FF00FF

Color 2#00FFFF

Color 3#FFD700

Color 4#8A2BE2

Color 5#00FF7F

Accessibility

Contrast checker

2.5:1Fail

2.2:1Fail

1.9:1Fail

2.3:1Fail

2.5:1Fail

1.1:1Fail

4.8:1AA

1.1:1Fail

2.2:1Fail

1.1:1Fail

4.2:1AA18

1:1Fail

1.9:1Fail

4.8:1AA

4.2:1AA18

4.4:1AA18

2.3:1Fail

1.1:1Fail

1:1Fail

4.4:1AA18

Similar palettes

More like Neon Arcade Flash

Neon Arcade Flash

See it in context.

Ready when you are.

Built with Neon Arcade Flash.

How to use Neon Arcade Flash

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Electric Pop

Vibrant Depth

Flashy Accent

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Neon Arcade Flash