Palette

Retro Arcade Flash

Bright, contrasting colors capturing the nostalgic energy of an 8-bit arcade game.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#00FFFF#FFD700#ADFF2F#FF1493

Palette guide

How to use Retro Arcade Flash

Overview

The Retro Arcade Flash palette features bright, contrasting colors that capture the nostalgic energy of an 8-bit arcade game. This energetic scheme includes #FF00FF (magenta), #00FFFF (cyan), #FFD700 (gold), #ADFF2F (chartreuse), and #FF1493 (deep pink). Designers and developers can leverage these vibrant, high-luminosity hues to create dynamic, eye-catching experiences that radiate a playful, electric energy. It's an ideal choice for projects requiring a bold, retro aesthetic with a modern, impactful flair, perfect for digital and print media.

Best used for

Gaming UI and streaming interfaces
Energetic marketing campaigns and promotions
Digital art illustrations and pixel animation
Youth-oriented product branding and packaging
Music video aesthetics and album art
Retro-themed events and party invitations

Suggested color roles

primary

Use #FF00FF (magenta) as a vibrant, strong presence for main sections or focal points, demanding attention.

secondary

Employ #00FFFF (electric cyan) as a dynamic counterpoint for navigation, subheadings, or interactive elements.

accent

Apply #FFD700 (gold) as an intense highlight for calls to action, scores, or critical alerts, ensuring high visibility.

background

A deep black (#000000) is highly recommended for backgrounds to maximize the visual impact and neon glow of these colors.

text

For optimal readability on a black background, use #FFD700 (gold) or #ADFF2F (chartreuse) for headings and key information.

Accessibility notes

These luminous colors require very dark backgrounds (e.g., black) for text readability to meet WCAG contrast guidelines.
Avoid using #FF1493 (deep pink) text on #FF00FF (magenta) due to insufficient contrast for many users.
Yellow (#FFD700) and lime green (#ADFF2F) provide excellent contrast on black, making them suitable for critical text.
Ensure interactive elements are clearly discernible for all users, considering color blindness by adding non-color cues.

Recommended combinations

Cyber Flash

Creates an iconic, high-energy contrast, perfect for hero sections, dynamic logos, or vibrant digital advertisements.

#FF00FF · #00FFFF · #FFD700

Game Glow

Offers a playful, vibrant, and cool blend, suitable for background patterns, decorative elements, or lively infographics.

#ADFF2F · #FF1493 · #00FFFF

Electric Burst

Provides a bold, dynamic, and eye-catching feel, excellent for interactive UI components, game effects, or abstract art.

#FFD700 · #FF00FF · #ADFF2F

CSS variables

:root {
  --retro-arcade-flash-1: #FF00FF;
  --retro-arcade-flash-2: #00FFFF;
  --retro-arcade-flash-3: #FFD700;
  --retro-arcade-flash-4: #ADFF2F;
  --retro-arcade-flash-5: #FF1493;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-arcade-flash": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#FFD700",
        4: "#ADFF2F",
        5: "#FF1493",
      }
    }
  }
}

Hex values

Color 1#FF00FF

Color 2#00FFFF

Color 3#FFD700

Color 4#ADFF2F

Color 5#FF1493

Accessibility

Contrast checker

2.5:1Fail

2.2:1Fail

2.6:1Fail

1.2:1Fail

2.5:1Fail

1.1:1Fail

1:1Fail

2.9:1Fail

2.2:1Fail

1.1:1Fail

2.6:1Fail

1:1Fail

1.1:1Fail

3:1Fail

1.2:1Fail

2.9:1Fail

2.6:1Fail

3:1Fail

Similar palettes

More like Retro Arcade Flash

Retro Arcade Flash

See it in context.

Ready when you are.

Built with Retro Arcade Flash.

How to use Retro Arcade Flash

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Cyber Flash

Game Glow

Electric Burst

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Retro Arcade Flash