Palette

Retro Arcade Blast

A high-energy burst of classic arcade lights, evoking 8-bit games and synthetic sounds.

VibrantPlayful5 colors

More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF0054#FF7F00#FFED00#00FF00#00FFFF

Palette guide

How to use Retro Arcade Blast

Overview

The Retro Arcade Blast palette delivers a high-energy burst of classic arcade lights, evoking 8-bit games and synthetic sounds. This vibrant scheme is packed with electric hues: #FF0054 (fluorescent pink), #FF7F00 (bright orange), #FFED00 (neon yellow), #00FF00 (lime green), and #00FFFF (electric cyan). Designers and developers can harness this bold collection to create dynamic, eye-catching experiences that radiate nostalgia and excitement. It's an ideal choice for projects demanding a playful, energetic, and unapologetically retro aesthetic.

Best used for

Gaming interfaces and streaming overlays
Energetic event promotions and posters
Youth-oriented branding and merchandise
Digital art and pixel art creations
Music festival graphics and album covers
Motion graphics and animated sequences

Suggested color roles

primary

Use #FF0054 (fluorescent pink) as a bold, attention-grabbing statement color for hero elements or critical alerts.

secondary

Employ #00FFFF (electric cyan) for dynamic contrast, navigation elements, or secondary information, providing a cool balance.

accent

Apply #FFED00 (neon yellow) as an intense highlight for calls to action, important notifications, or vibrant graphical details.

background

A deep black (#000000) is highly recommended for backgrounds to maximize the glow effect and ensure neon colors pop.

text

For optimal readability, use #FFED00 (neon yellow) or #00FF00 (lime green) on a black background for headings and key information.

Accessibility notes

These neon colors have high luminosity; always pair with a very dark background (preferably black) for text readability.
Avoid using these bright colors as text on each other, as contrast can be unpredictable and often insufficient.
Use #FFED00 (neon yellow) or #00FF00 (lime green) for critical text elements on dark backgrounds, as they offer the highest contrast.
Ensure sufficient contrast for interactive elements, especially for users with color vision deficiencies; consider adding outlines or patterns.

Recommended combinations

Neon Clash

Creates a high-energy, vibrant, and visually striking combination, perfect for bold headlines or dynamic animated elements.

#FF0054 · #00FF00 · #00FFFF

Electric Glow

Offers a warm, intense, and eye-catching blend, ideal for glowing UI components, game effects, or impactful branding.

#FFED00 · #FF7F00 · #FF0054

Cyber Wave

Provides a cool, digital, and distinctly retro vibe, suitable for futuristic interfaces, background patterns, or abstract art.

#00FFFF · #00FF00 · #FF0054

CSS variables

:root {
  --retro-arcade-blast-1: #FF0054;
  --retro-arcade-blast-2: #FF7F00;
  --retro-arcade-blast-3: #FFED00;
  --retro-arcade-blast-4: #00FF00;
  --retro-arcade-blast-5: #00FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-arcade-blast": {
        1: "#FF0054",
        2: "#FF7F00",
        3: "#FFED00",
        4: "#00FF00",
        5: "#00FFFF",
      }
    }
  }
}

Hex values

Color 1#FF0054

Color 2#FF7F00

Color 3#FFED00

Color 4#00FF00

Color 5#00FFFF

Accessibility

Contrast checker

1.5:1Fail

3.2:1AA18

2.8:1Fail

3.1:1AA18

1.5:1Fail

2.1:1Fail

1.8:1Fail

2:1Fail

3.2:1AA18

2.1:1Fail

1.1:1Fail

1:1Fail

2.8:1Fail

1.8:1Fail

1.1:1Fail

3.1:1AA18

2:1Fail

1:1Fail

1.1:1Fail

Similar palettes

More like Retro Arcade Blast

Retro Arcade Blast

See it in context.

Ready when you are.

Built with Retro Arcade Blast.

How to use Retro Arcade Blast

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Neon Clash

Electric Glow

Cyber Wave

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Retro Arcade Blast