Back to palettes

Palette

Retro Arcade Neon

Blasting with high-energy neons, this palette is a tribute to classic arcade lights and synthwave aesthetics.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#00F0FF#FF00FF#FF0077#00FF88#F0FF00

Palette guide

How to use Retro Arcade Neon

Overview

The Retro Arcade Neon palette blasts with high-energy neons, a vibrant tribute to classic arcade lights and synthwave aesthetics. This dynamic collection features an electric cyan (#00F0FF), brilliant magenta (#FF00FF), vivid rose (#FF0077), energetic green (#00FF88), and a glowing yellow-green (#F0FF00). It's perfect for designers aiming to infuse projects with a fun, electric, and distinctly retro mood. These highly saturated hues are ideal for creating eye-catching interfaces, dynamic illustrations, and branding that truly pops. Leverage this palette to evoke a playful yet intense visual experience, ensuring designs are both nostalgic and modern.

Best used for

  • Synthwave album art and concert visuals
  • Gaming merchandise and branding
  • Interactive web experiences (e.g., loading screens)
  • Streaming channel graphics and emotes
  • Digital art and character design
  • Event invitations and social media campaigns

Suggested color roles

primary

Use #FF00FF (Magenta) to command attention for hero elements, main calls-to-action, or key graphic focal points.

secondary

Employ #00F0FF (Electric Cyan) to offer a cool, dynamic contrast, great for navigation, secondary buttons, or background highlights.

accent

Utilize #F0FF00 (Yellow-Green) for small, impactful notifications, progress bars, or interactive hover effects that demand attention.

background

For backgrounds, #FF0077 (Vivid Rose) provides a strong, warm option, or use a deep charcoal for a darker base.

text

For dark backgrounds, use #F0FF00 for headings, or white for body text. For light/mid-tone backgrounds like #FF0077, a contrasting dark charcoal or black is recommended.

Accessibility notes

  • Ensure text in bright neons like #FF00FF or #00F0FF has sufficient contrast against its background; white text is often best.
  • Avoid placing #F0FF00 directly on #00FF88 for small text or thin lines, as contrast might be insufficient for some users.
  • Use clear, sans-serif fonts and generous line-heights when working with such intense colors to improve legibility.
  • Limit the use of highly saturated colors for large blocks of body text to prevent eye strain.

Recommended combinations

Electric Surge

Creates a vibrant energy field effect, perfect for digital interfaces or motion graphics.

#00F0FF · #FF00FF · #F0FF00

Game Over

Ideal for alerts, warnings, or urgent interactive elements, using high-contrast neons.

#FF0077 · #F0FF00 · #FF00FF

Vaporwave Sunset

Perfect for smooth, retro-futuristic gradients in backgrounds or UI components, evoking digital landscapes.

#FF00FF · #FF0077 · #00F0FF

CSS variables

:root {
  --retro-arcade-neon-1: #00F0FF;
  --retro-arcade-neon-2: #FF00FF;
  --retro-arcade-neon-3: #FF0077;
  --retro-arcade-neon-4: #00FF88;
  --retro-arcade-neon-5: #F0FF00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-arcade-neon": {
        1: "#00F0FF",
        2: "#FF00FF",
        3: "#FF0077",
        4: "#00FF88",
        5: "#F0FF00",
      }
    }
  }
}

Related searches

vibrant synthwave color paletteelectric neon UI colorsbright arcade game scheme80s digital art palettefun game interface colors

Palette colors

Hex values

Color 1#00F0FF
·
Color 2#FF00FF
·
Color 3#FF0077
·
Color 4#00FF88
·
Color 5#F0FF00
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
2.7:1Fail
1.1:1Fail
1.3:1Fail
2
2.2:1Fail
1.2:1Fail
2.3:1Fail
2.8:1Fail
3
2.7:1Fail
1.2:1Fail
2.8:1Fail
3.4:1AA18
4
1.1:1Fail
2.3:1Fail
2.8:1Fail
1.2:1Fail
5
1.3:1Fail
2.8:1Fail
3.4:1AA18
1.2:1Fail

Similar palettes

More like Retro Arcade Neon

View all vibrant
Carnival Neon Nights
Neon Arcade Flash
Cybernetic Spectrum Surge
Cyberpunk Pulse Wave
Electric Arc Glow
Electric Bloom Pop