Back to palettes

Palette

Retro Arcade Hues

An electrifying and bold collection inspired by classic 8-bit arcade games and dazzling neon lights.

vibrantretro5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#00008B#FF00FF#00FFFF#FFD700#00FF00

Palette guide

How to use Retro Arcade Hues

Overview

The Retro Arcade Hues palette is a bold and electrifying collection, perfect for evoking the high-octane energy of classic 8-bit arcade games. Dominated by a deep dark blue (#00008B) that grounds the vibrant neon accents, this palette features striking magenta (#FF00FF), brilliant cyan (#00FFFF), golden yellow (#FFD700), and a vivid green (#00FF00). Designers can utilize these contrasting hues to create dynamic interfaces, captivating digital art, and nostalgic branding that truly stands out. It's an excellent choice for projects aiming for a playful yet intense retro visual experience.

Best used for

  • Vintage gaming website designs
  • Mobile game interfaces
  • Digital marketing campaigns with a retro twist
  • Youth-oriented product packaging
  • Animated intros and motion graphics
  • Themed event promotions

Suggested color roles

primary

Use #00008B (Dark 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 #00008B (Dark Blue) as a deep, immersive canvas that enhances the luminosity of the other vibrant colors.

text

For dark backgrounds like #00008B, 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 #00008B.
  • 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

Game Start

Perfect for game interfaces, with yellow for scores and green for health bars against a dark blue.

#00008B · #FFD700 · #00FF00

Neon Glitch

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

#FF00FF · #00FFFF · #00008B

Power Up

Use for interactive elements or power-up indicators, signaling energy and progression.

#00FF00 · #FFD700 · #FF00FF

CSS variables

:root {
  --retro-arcade-hues-1: #00008B;
  --retro-arcade-hues-2: #FF00FF;
  --retro-arcade-hues-3: #00FFFF;
  --retro-arcade-hues-4: #FFD700;
  --retro-arcade-hues-5: #00FF00;
}

Tailwind config

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

Related searches

8-bit game color palettedark retro neon schemevintage arcade colorsbold digital art paletteclassic video game hues

Palette colors

Hex values

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

Accessibility

Contrast checker

1
2
3
4
5
1
4.9:1AA
12.2:1AAA
10.9:1AAA
11.1:1AAA
2
4.9:1AA
2.5:1Fail
2.2:1Fail
2.3:1Fail
3
12.2:1AAA
2.5:1Fail
1.1:1Fail
1.1:1Fail
4
10.9:1AAA
2.2:1Fail
1.1:1Fail
1:1Fail
5
11.1:1AAA
2.3:1Fail
1.1:1Fail
1:1Fail

Similar palettes

More like Retro Arcade Hues

View all vibrant
Retro Arcade Pixels
Retro Futurism Grid
Retro Sunset Drive
Retro Synthwave Pulse
Retro Synthwave Sunset
Synthwave City Pop