Back to palettes

Palette

Pixel Game Neon

Bold, primary colors that pulse with the electrifying energy of classic arcade games and digital displays.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pixel Game Neon 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 Pixel Game Neon.

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

Data visualization

#FF0000#00FF00#0000FF#FFFF00#FF00FF

Palette guide

How to use Pixel Game Neon

Overview

The Pixel Game Neon palette channels the electrifying energy of classic arcade games and digital displays. Featuring bold, primary colors like the intense red #FF0000, vibrant green #00FF00, and deep blue #0000FF, alongside bright yellow #FFFF00 and vivid magenta #FF00FF, this palette is designed for impact. It's ideal for designers and developers aiming to create highly energetic, retro-futuristic, or tech-inspired interfaces and branding. Its high saturation demands careful application to maintain readability while maximizing its dynamic visual appeal, perfect for projects that need to stand out with a distinct digital glow.

Best used for

  • Arcade game interfaces and UI elements
  • Esports team branding and merchandise
  • Retro tech websites and digital art
  • Music festival posters and event graphics
  • Dynamic data visualization dashboards
  • Youth-oriented apparel and accessory designs

Suggested color roles

primary

Use #FF0000 as a dominant attention-grabber for calls-to-action, primary navigation buttons, or critical alerts, leveraging its high impact.

secondary

Employ #0000FF for complementary sections, sub-headings, or secondary interactive elements, providing a strong visual anchor against brighter tones.

accent

Highlight key information, interactive states, or small decorative elements with #FFFF00, ensuring it pops with a luminous glow.

background

To maximize the neon effect, pair these vibrant colors with a deep charcoal or black background, allowing the hues to truly pulse and stand out.

text

For optimal readability against dark backgrounds, use pure white or a very light gray. Avoid using two neon colors directly for text and background combinations.

Accessibility notes

  • Ensure high contrast ratios when pairing any two colors from this palette, especially for text.
  • Avoid using #FF0000 on #00FF00 or similar highly saturated pairings for essential content due to potential visual vibration.
  • Use a dark, neutral background to enhance the glow of these neon colors and improve legibility.
  • Be mindful of users with color vision deficiencies; rely on more than just color to convey important information.

Recommended combinations

Energetic Contrast

Ideal for dynamic headers, primary navigation, or interactive elements requiring a bold, direct visual statement.

#FF0000 · #0000FF · #00FF00

Warning Glow

Effective for alerts, status indicators, or urgent notifications, creating a luminous and unmissable warning effect.

#FFFF00 · #FF0000 · #FF00FF

Digital Spectrum

Perfect for tech interfaces, data visualization, or futuristic branding where a cool, digital aesthetic is desired.

#00FF00 · #0000FF · #FFFF00

CSS variables

:root {
  --pixel-game-neon-1: #FF0000;
  --pixel-game-neon-2: #00FF00;
  --pixel-game-neon-3: #0000FF;
  --pixel-game-neon-4: #FFFF00;
  --pixel-game-neon-5: #FF00FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pixel-game-neon": {
        1: "#FF0000",
        2: "#00FF00",
        3: "#0000FF",
        4: "#FFFF00",
        5: "#FF00FF",
      }
    }
  }
}

Related searches

neon color schemeretro arcade palettevibrant ui colorsesports branding colorsbright digital design

Palette colors

Hex values

Color 1#FF0000
·
Color 2#00FF00
·
Color 3#0000FF
·
Color 4#FFFF00
·
Color 5#FF00FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.9:1Fail
2.1:1Fail
3.7:1AA18
1.3:1Fail
2
2.9:1Fail
6.3:1AA
1.3:1Fail
2.3:1Fail
3
2.1:1Fail
6.3:1AA
8:1AAA
2.7:1Fail
4
3.7:1AA18
1.3:1Fail
8:1AAA
2.9:1Fail
5
1.3:1Fail
2.3:1Fail
2.7:1Fail
2.9:1Fail

Similar palettes

More like Pixel Game Neon

View all vibrant
Carnival Kaleidoscope
Meadow Bloom Burst
Neon City Pulse
Vibrant Fiesta Colors
Cyber Glow
Electric Grid