Back to palettes

Palette

Neon Arcade Blitz

A dazzling explosion of electric neons, capturing the exciting, pixelated rush of an 80s arcade game.

VibrantEnergetic5 colors
More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#00F2F2#F200F2#F2F200#6A006A#006A6A

Palette guide

How to use Neon Arcade Blitz

Overview

The Neon Arcade Blitz palette delivers a dazzling explosion of electric neons, perfectly capturing the exciting, pixelated rush of an 80s arcade game. Featuring luminous #00F2F2 (Aqua Neon), intense #F200F2 (Magenta Neon), radiant #F2F200 (Yellow Neon), deep #6A006A (Dark Violet), and cool #006A6A (Dark Teal), this collection is designed for high-energy, retro-inspired projects. Designers and developers can harness these vibrant hues to create dynamic user interfaces, engaging game visuals, or striking branding that evokes playful nostalgia. Its intense saturation and bold contrasts make it ideal for commanding attention and creating an unforgettable visual experience.

Best used for

  • Retro 80s arcade game UIs and pixel art
  • Synthwave and vaporwave aesthetic designs
  • Party flyers and event promotional materials
  • Kids' game development and animated content
  • Interactive digital art installations
  • YouTube channel branding for gaming or tech

Suggested color roles

primary

Use #F200F2 (Magenta Neon) or #00F2F2 (Aqua Neon) for dominant graphical elements or large headers to establish a vibrant, energetic feel.

secondary

Employ #F2F200 (Yellow Neon) for secondary navigation, highlights, or key information to provide a bright, attention-grabbing contrast.

accent

Apply #6A006A (Dark Violet) or #006A6A (Dark Teal) for subtle backgrounds, outlines, or deeper accents to ground the brighter neons.

background

A deep charcoal or pure black background is essential to make these neon colors truly pop and ensure optimal readability.

text

For primary text, use white or a very light grey on dark backgrounds. For headings or emphasis, #006A6A (Dark Teal) can provide a rich, legible contrast on lighter elements.

Accessibility notes

  • Prioritize dark backgrounds for all neon text to ensure sufficient contrast and readability for all users.
  • Avoid using two highly saturated neon colors together for text and background without careful contrast checking (AA or AAA standards).
  • Be aware that pure neons can be challenging for some colorblind individuals; use patterns or icons in addition to color where crucial.
  • Limit the use of the brightest neons for body text; reserve them for headings, accents, or interactive elements.

Recommended combinations

Arcade Screen

Creates a classic, high-contrast arcade screen effect, perfect for game UIs or retro displays.

#00F2F2 · #F200F2 · #F2F200

Deep Glow

Ideal for creating a mysterious yet vibrant atmosphere, great for background gradients or subtle glowing elements.

#6A006A · #F200F2 · #00F2F2

Pixel Pop

Excellent for pixel art or small UI elements, offering strong contrast and a playful, energetic feel.

#F2F200 · #006A6A · #F200F2

CSS variables

:root {
  --neon-arcade-blitz-2-1: #00F2F2;
  --neon-arcade-blitz-2-2: #F200F2;
  --neon-arcade-blitz-2-3: #F2F200;
  --neon-arcade-blitz-2-4: #6A006A;
  --neon-arcade-blitz-2-5: #006A6A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-arcade-blitz-2": {
        1: "#00F2F2",
        2: "#F200F2",
        3: "#F2F200",
        4: "#6A006A",
        5: "#006A6A",
      }
    }
  }
}

Related searches

80s arcade game colorsretro neon palettesynthwave design schemepixel art vibrant colorsenergetic UI neon

Palette colors

Hex values

Color 1#00F2F2
·
Color 2#F200F2
·
Color 3#F2F200
·
Color 4#6A006A
·
Color 5#006A6A
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
1.2:1Fail
8.2:1AAA
4.6:1AA
2
2.5:1Fail
2.9:1Fail
3.3:1AA18
1.9:1Fail
3
1.2:1Fail
2.9:1Fail
9.6:1AAA
5.3:1AA
4
8.2:1AAA
3.3:1AA18
9.6:1AAA
1.8:1Fail
5
4.6:1AA
1.9:1Fail
5.3:1AA
1.8:1Fail

Similar palettes

More like Neon Arcade Blitz

View all Vibrant