Back to palettes

Palette

Retro Arcade Pixel

A playful and electric palette inspired by the glowing, pixelated screens of classic arcade games.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000080#00FF00#FFD700#FF00FF#00FFFF

Palette guide

How to use Retro Arcade Pixel

Overview

The Retro Arcade Pixel palette is a playful and electric collection, perfectly inspired by the glowing, pixelated screens of classic arcade games. Featuring a deep navy blue (#000080) as its anchor, this palette explodes with a vibrant green (#00FF00), shimmering golden yellow (#FFD700), bold magenta (#FF00FF), and luminous cyan (#00FFFF). It's an excellent choice for designers aiming to capture a playful, digital, and distinctly retro mood. These intense hues are ideal for creating eye-catching interfaces, pixel art, and branding that truly stands out. Leverage this palette to infuse projects with a nostalgic yet energetic visual experience.

Best used for

  • Pixel art games and assets
  • Retro computing interfaces
  • Children's educational apps
  • Digital animation and motion graphics
  • Themed party invitations
  • Website headers with a nostalgic vibe

Suggested color roles

primary

Use #000080 (Navy Blue) as a strong, grounding background or primary container color, allowing neons to shine.

secondary

Employ #FF00FF (Magenta) for calls-to-action, interactive elements, or key information that needs to pop against dark blue.

accent

Utilize #FFD700 (Golden Yellow) for small, impactful highlights, warnings, or score displays, providing warmth and visibility.

background

Leverage #000080 (Navy Blue) as a deep, immersive canvas that enhances the luminosity of the other vibrant colors.

text

For dark backgrounds like #000080, use #FFD700 for headings, or white for body text. For lighter sections, a dark charcoal is recommended.

Accessibility notes

  • Ensure that neon text colors like #FF00FF have sufficient contrast against their background, especially #000080.
  • Avoid using #00FF00 on #FFD700 for text, as the contrast might be insufficient for readability.
  • Prioritize white or very light grey for body text on dark backgrounds to maximize legibility.
  • When using multiple bright colors, ensure they are not placed adjacently in small text or thin lines to prevent visual vibration.

Recommended combinations

Pixel Pop

Perfect for pixel art elements, giving a clear, vibrant contrast reminiscent of early game graphics.

#000080 · #FFD700 · #00FF00

Digital Glitch

Creates a striking, high-contrast effect suitable for glitch art or digital distortions.

#FF00FF · #00FFFF · #000080

Menu Highlight

Use for interactive menu items or selected states, signaling action and vibrancy.

#00FF00 · #FFD700 · #FF00FF

CSS variables

:root {
  --retro-arcade-pixel-2-1: #000080;
  --retro-arcade-pixel-2-2: #00FF00;
  --retro-arcade-pixel-2-3: #FFD700;
  --retro-arcade-pixel-2-4: #FF00FF;
  --retro-arcade-pixel-2-5: #00FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-arcade-pixel-2": {
        1: "#000080",
        2: "#00FF00",
        3: "#FFD700",
        4: "#FF00FF",
        5: "#00FFFF",
      }
    }
  }
}

Related searches

pixel art color schemesretro digital paletteneon 8-bit colorsclassic arcade game huesvibrant pixel UI

Palette colors

Hex values

Color 1#000080
·
Color 2#00FF00
·
Color 3#FFD700
·
Color 4#FF00FF
·
Color 5#00FFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
11.7:1AAA
11.4:1AAA
5.1:1AA
12.8:1AAA
2
11.7:1AAA
1:1Fail
2.3:1Fail
1.1:1Fail
3
11.4:1AAA
1:1Fail
2.2:1Fail
1.1:1Fail
4
5.1:1AA
2.3:1Fail
2.2:1Fail
2.5:1Fail
5
12.8:1AAA
1.1:1Fail
1.1:1Fail
2.5:1Fail

Similar palettes

More like Retro Arcade Pixel

View all vibrant
Cosmic Glitch
Digital Glitch Grid
Neon Arcade Flash
Pixelated Arcade Fun
Pixelated Game Glitch
Retro Arcade Brights