Back to palettes

Palette

Neon Arcade Blitz

A high-energy collection of electric brights reminiscent of classic arcade games and retro future aesthetics.

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

#FF006E#8338EC#3A86FF#FFBE0B#FB5607

Palette guide

How to use Neon Arcade Blitz

Overview

The Neon Arcade Blitz palette is a high-energy collection of electric brights, reminiscent of classic arcade games and retro-future aesthetics. Featuring vibrant #FF006E (Neon Pink), rich #8338EC (Deep Violet), striking #3A86FF (Electric Blue), sunny #FFBE0B (Arcade Yellow), and fiery #FB5607 (Bright Orange), this palette is designed to create visually exciting and dynamic experiences. Designers and developers can leverage these intense, saturated colors to evoke a sense of fun, nostalgia, and immediate engagement. It's an ideal choice for projects that demand a bold statement, from interactive user interfaces to energetic branding and promotional materials, ensuring an unforgettable visual impact.

Best used for

  • Retro gaming interfaces and character art
  • Youth-oriented brand identities and campaigns
  • Event promotions for music or tech festivals
  • Dynamic web and mobile application designs
  • Streaming channel branding and overlays
  • Digital illustrations with a vibrant, playful mood

Suggested color roles

primary

Use #FF006E (Neon Pink) or #3A86FF (Electric Blue) as a dominant color for backgrounds or large graphical elements to establish a high-energy, fun tone.

secondary

Employ #FFBE0B (Arcade Yellow) for secondary navigation, highlights, or key information to draw the eye with its bright, optimistic feel.

accent

Apply #FB5607 (Bright Orange) sparingly for call-to-action buttons, alerts, or small, impactful details, ensuring maximum visibility and urgency.

background

A deep charcoal or pure black background is highly recommended to make these neon colors glow intensely and achieve optimal contrast.

text

For primary text, use white or a very light grey on dark backgrounds. For headings or emphasis, #8338EC (Deep Violet) can provide a rich, legible contrast on lighter elements or as a subtle glow on darks.

Accessibility notes

  • Ensure high contrast ratios for text and interactive elements, especially when pairing bright neons, to meet accessibility standards.
  • Avoid using these bright colors for large blocks of body text directly on other bright colors, as it can cause significant eye strain.
  • Always test readability across different screen types and lighting conditions, as neon colors can vary in appearance.
  • Provide clear visual hierarchy; use the most vibrant colors for key actions or information, and more subdued options for less critical content.

Recommended combinations

Arcade Pop

Creates a warm, energetic, and playful vibe, perfect for retro game titles or vibrant logos.

#FF006E · #FFBE0B · #FB5607

Cyber Glow

Ideal for a cool-toned, futuristic aesthetic, excellent for digital interfaces or sci-fi themes.

#3A86FF · #8338EC · #FF006E

Power Up

A balanced, dynamic trio that suggests energy and action, great for interactive elements or progress bars.

#FFBE0B · #3A86FF · #FB5607

CSS variables

:root {
  --neon-arcade-blitz-1: #FF006E;
  --neon-arcade-blitz-2: #8338EC;
  --neon-arcade-blitz-3: #3A86FF;
  --neon-arcade-blitz-4: #FFBE0B;
  --neon-arcade-blitz-5: #FB5607;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-arcade-blitz": {
        1: "#FF006E",
        2: "#8338EC",
        3: "#3A86FF",
        4: "#FFBE0B",
        5: "#FB5607",
      }
    }
  }
}

Related searches

retro gaming color paletteelectric brights designvibrant UI neon schemearcade game aestheticfun energetic branding

Palette colors

Hex values

Color 1#FF006E
·
Color 2#8338EC
·
Color 3#3A86FF
·
Color 4#FFBE0B
·
Color 5#FB5607
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.1:1Fail
2.3:1Fail
1.2:1Fail
2
1.5:1Fail
1.6:1Fail
3.4:1AA18
1.7:1Fail
3
1.1:1Fail
1.6:1Fail
2.1:1Fail
1.1:1Fail
4
2.3:1Fail
3.4:1AA18
2.1:1Fail
2:1Fail
5
1.2:1Fail
1.7:1Fail
1.1:1Fail
2:1Fail

Similar palettes

More like Neon Arcade Blitz

View all vibrant
Electric Manga Pop
Neon Arcade Blitz
Neon Arcade Blitz
Neon Arcade Glow
Neon Arcade Pop
Retro Arcade Pop