Palette

Arcade Neon Pixel

Bold and bright, capturing the electrifying glow and pixelated charm of classic arcade games.

vibrantretro5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0000FF#FF0000#FFFF00#00FF00#FFA500

Palette guide

How to use Arcade Neon Pixel

Overview

The "Arcade Neon Pixel" palette is bold and bright, capturing the electrifying glow and pixelated charm of classic arcade games. This vibrant collection features primary colors like the intense Blue #0000FF, striking Red #FF0000, and brilliant Yellow #FFFF00. Complementing these are the vivid Green #00FF00 and the energetic Orange #FFA500. Developers can leverage these high-contrast colors to create playful, engaging user interfaces that evoke a sense of nostalgia and excitement. Designers will find this palette excellent for projects related to retro gaming, children's entertainment, pop culture, or any brand aiming for a lively, impactful, and visually stimulating aesthetic that's full of character.

Best used for

Retro video game UI
Children's educational apps
Pop art graphics
Comic book illustrations
Festival branding
Digital advertising campaigns

Suggested color roles

primary

A strong, iconic red #FF0000, perfect for critical alerts, primary actions, or dominant brand elements, ensuring high visibility.

secondary

A vibrant blue #0000FF that offers a cool contrast, suitable for secondary actions, navigation, or key interactive elements.

accent

A brilliant yellow #FFFF00 that provides a dazzling highlight, excellent for scores, power-ups, or focal points, enhancing the pixelated feel.

background

Pure black #000000. A deep, dark background is crucial for these neon colors to truly pop and achieve the classic arcade look.

text

Use #FFFF00 for headings and important messages, and white for body text, always against a dark background for optimal legibility.

Accessibility notes

Due to the high luminosity of these colors, they are best used for large text or accents on a pure black background to ensure contrast.
Avoid using these vibrant colors for extensive body text; opt for white or a very light grey on dark backgrounds.
Contrast between #00FF00 and #FFFF00 or #FFA500 can be low; use them for distinct elements rather than text/background pairs.
Ensure interactive elements have clear visual feedback, perhaps by changing to another bright color on hover.

Recommended combinations

Pixel Pop

For creating a classic, high-contrast pixel art aesthetic, ideal for game sprites, icons, or prominent UI elements.

#FF0000 · #0000FF · #FFFF00

Game Power

Excellent for indicators, progress bars, or power-up graphics, using green, orange, and yellow to signify energy and progression.

#00FF00 · #FFA500 · #FFFF00

Retro Screen

For dynamic displays, loading screens, or interactive backgrounds, creating a vibrant, energetic feel reminiscent of old CRT screens.

#0000FF · #FFFF00 · #FF0000

CSS variables

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

Tailwind config

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

Hex values

Color 1#0000FF

Color 2#FF0000

Color 3#FFFF00

Color 4#00FF00

Color 5#FFA500

Accessibility

Contrast checker

2.1:1Fail

8:1AAA

6.3:1AA

4.4:1AA18

2.1:1Fail

3.7:1AA18

2.9:1Fail

2:1Fail

8:1AAA

3.7:1AA18

1.3:1Fail

1.8:1Fail

6.3:1AA

2.9:1Fail

1.3:1Fail

1.4:1Fail

4.4:1AA18

2:1Fail

1.8:1Fail

1.4:1Fail

Similar palettes

More like Arcade Neon Pixel

Midcentury Eatery Glow