Palette

Arcade Game Flash

Explosive, pure primary and secondary colors echoing the vibrant, energetic glow of a classic arcade.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#00FFFF#FFFF00#00FF00#FF0000

Palette guide

How to use Arcade Game Flash

Overview

The "Arcade Game Flash" palette is an explosive collection of pure primary and secondary colors, echoing the vibrant, energetic glow of a classic arcade. This high-octane palette features electric shades like the intense Magenta #FF00FF, the dazzling Cyan #00FFFF, and the brilliant Yellow #FFFF00. Completing the vibrant set are the vivid Lime #00FF00 and the bold Red #FF0000. Developers can leverage these eye-catching colors to create dynamic, high-energy user interfaces that capture attention and evoke a sense of nostalgic excitement. Designers will find this palette ideal for projects related to gaming, retro themes, entertainment, or any brand seeking an impactful, playful, and visually stimulating aesthetic.

Best used for

Retro gaming websites
Event posters and flyers
Children's entertainment branding
Dynamic UI elements
Pop art illustrations
Neon sign designs

Suggested color roles

primary

A bold, unmistakable red #FF0000, perfect for critical alerts, primary actions, or dominant brand elements, demanding immediate attention.

secondary

A vivid lime green #00FF00 that offers strong contrast and energy, suitable for secondary actions, health bars, or interactive feedback.

accent

A brilliant yellow #FFFF00 that provides a dazzling highlight, excellent for power-ups, scores, or glowing effects.

background

For true arcade effect, a pure black #000000 background is recommended to make the neon colors pop.

text

Use #FFFF00 for headings and important messages, and #00FFFF for secondary text, always against a dark background for maximum legibility.

Accessibility notes

Due to extreme vibrancy, use these colors judiciously for text on backgrounds. Pure black is often the only safe background for these neon colors.
Avoid using light text on light backgrounds or dark text on dark backgrounds within this palette.
#FF00FF, #00FFFF, #FFFF00, #00FF00, and #FF0000 have very high luminosity; ensure they pass contrast ratios with black for text.
Consider using outlines or drop shadows on text for better readability if background is not solid black.

Recommended combinations

Neon Glow

For creating vibrant, glowing interfaces or graphics, mimicking arcade lights and digital displays against a dark (implied black) backdrop.

#FF00FF · #00FFFF · #FFFF00

Power Up

Ideal for game elements like health bars, power-up indicators, or score displays, providing immediate visual cues.

#FF0000 · #00FF00 · #FFFF00

Retro Flash

Excellent for dynamic animations, transitions, or highlighting key information with a bold, retro, high-contrast effect.

#FF00FF · #FF0000 · #00FFFF

CSS variables

:root {
  --arcade-game-flash-1: #FF00FF;
  --arcade-game-flash-2: #00FFFF;
  --arcade-game-flash-3: #FFFF00;
  --arcade-game-flash-4: #00FF00;
  --arcade-game-flash-5: #FF0000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arcade-game-flash": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#FFFF00",
        4: "#00FF00",
        5: "#FF0000",
      }
    }
  }
}

Hex values

Color 1#FF00FF

Color 2#00FFFF

Color 3#FFFF00

Color 4#00FF00

Color 5#FF0000

Accessibility

Contrast checker

2.5:1Fail

2.9:1Fail

2.3:1Fail

1.3:1Fail

2.5:1Fail

1.2:1Fail

1.1:1Fail

3.2:1AA18

2.9:1Fail

1.2:1Fail

1.3:1Fail

3.7:1AA18

2.3:1Fail

1.1:1Fail

1.3:1Fail

2.9:1Fail

1.3:1Fail

3.2:1AA18

3.7:1AA18

2.9:1Fail

Similar palettes

More like Arcade Game Flash

Arcade Game Flash

See it in context.

Ready when you are.

Built with Arcade Game Flash.

How to use Arcade Game Flash

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Neon Glow

Power Up

Retro Flash

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Arcade Game Flash