Palette

Retro Pixel Arcade

A flashy, high-contrast palette celebrating the vivid, blocky colors 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 Retro Pixel Arcade 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 Pixel Arcade.

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

Data visualization

#FF0066#00FFFF#FFFF00#6600FF#00FF00

Palette guide

How to use Retro Pixel Arcade

Overview

The "Retro Pixel Arcade" palette (version 2) is a high-octane blast from the past, capturing the electrifying energy of classic 8-bit gaming. This scheme is deliberately bold and high-contrast, featuring the striking hot pink #FF0066, the vibrant cyan #00FFFF, and the unmistakable arcade yellow #FFFF00. The deep, royal purple #6600FF adds a rich, moody depth, while the bright lime green #00FF00 injects a fresh, energetic pop. Designers can leverage these intense hues to create dynamic, playful, and instantly recognizable interfaces for games, digital art, or branding that aims for a nostalgic yet cutting-edge feel. It's a palette built for impact and fun.

Best used for

Retro arcade game development
80s/90s themed digital art
Gaming community websites
Festival or concert promotions
Youth-oriented streetwear branding
Motion graphics and animations

Suggested color roles

primary

#FF0066 (A vibrant hot pink, excellent for primary calls-to-action or critical game elements.)

secondary

#00FFFF (An electric cyan, perfect for interactive elements, health bars, or UI accents.)

accent

#FFFF00 (A bright, classic yellow, ideal for highlights, scores, or power-ups.)

background

#6600FF (A deep, royal purple that provides a dramatic and immersive backdrop for the brighter neon elements.)

text

Use white or light gray on #FF0066, #00FFFF, #6600FF, #00FF00. Use dark gray or black on #FFFF00.

Accessibility notes

All highly saturated colors (#FF0066, #00FFFF, #6600FF, #00FF00) will require white or very light text for sufficient contrast.
#FFFF00 (yellow) strictly requires dark text for readability.
Avoid using these vibrant hues as backgrounds for extensive body text.
Be cautious when using #FF0066 and #00FF00 as primary indicators for color-blind users; provide supplemental cues.

Recommended combinations

Arcade Power

High-impact combination for game UIs, character designs, or energetic branding.

#FF0066 · #FFFF00 · #00FFFF

Deep Neon

Creates a dramatic, atmospheric feel with bright accents, suitable for dark mode interfaces.

#6600FF · #00FF00 · #FF0066

Pixel Pop

A classic 8-bit trio, great for UI elements, icons, or nostalgic graphic design.

#00FFFF · #FFFF00 · #6600FF

CSS variables

:root {
  --retro-pixel-arcade-2-1: #FF0066;
  --retro-pixel-arcade-2-2: #00FFFF;
  --retro-pixel-arcade-2-3: #FFFF00;
  --retro-pixel-arcade-2-4: #6600FF;
  --retro-pixel-arcade-2-5: #00FF00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-pixel-arcade-2": {
        1: "#FF0066",
        2: "#00FFFF",
        3: "#FFFF00",
        4: "#6600FF",
        5: "#00FF00",
      }
    }
  }
}

Hex values

Color 1#FF0066

Color 2#00FFFF

Color 3#FFFF00

Color 4#6600FF

Color 5#00FF00

Accessibility

Contrast checker

3.1:1AA18

3.6:1AA18

1.8:1Fail

2.8:1Fail

3.1:1AA18

1.2:1Fail

5.6:1AA

1.1:1Fail

3.6:1AA18

1.2:1Fail

6.5:1AA

1.3:1Fail

1.8:1Fail

5.6:1AA

6.5:1AA

5.1:1AA

2.8:1Fail

1.1:1Fail

1.3:1Fail

5.1:1AA

Similar palettes

More like Retro Pixel Arcade

View all vibrant

Arcade Retro Flash

Synthwave Sunset Drive