Back to palettes

Palette

Neon Arcade Nights

Dazzling and bold, capturing the electrifying energy of an 80s arcade after dark.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#00FFFF#FFFF00#FF69B4#39FF14

Palette guide

How to use Neon Arcade Nights

Overview

The "Neon Arcade Nights" palette is a dazzling and bold collection, perfectly capturing the electrifying energy of an 80s arcade after dark. It features a powerful electric magenta #FF00FF, a cool, digital cyan #00FFFF, and a radiant yellow #FFFF00 for maximum pop. A playful hot pink #FF69B4 adds a touch of retro charm, while the shocking neon green #39FF14 injects pure, unadulterated energy. This palette is a dream for designers and developers aiming to create high-impact, cyberpunk, or retro-futuristic experiences. Its vibrant hues and strong contrasts are ideal for game interfaces, dynamic web elements, or any project needing an unforgettable, energetic visual identity that truly glows.

Best used for

  • Cyberpunk game interfaces
  • 80s retro wave web design
  • Youth-focused apparel branding
  • High-energy event promotion
  • Interactive digital art
  • Esports and streaming graphics

Suggested color roles

primary

Utilize #FF00FF (Magenta) for dominant calls-to-action, hero sections, or main graphic elements to command immediate attention.

secondary

Employ #00FFFF (Cyan) for navigation, background accents, or secondary interactive elements, creating a cool, digital counterpoint.

accent

Highlight critical information or interactive states with #39FF14 (Neon Green) for unparalleled visibility and a vivid, energetic pop.

background

A deep charcoal or black is recommended to make these neon colors truly pop, or use #FF69B4 for a playful background in smaller sections.

text

For headlines and important text on dark backgrounds, #FFFF00 or #39FF14 offers excellent legibility. Use white or a very light gray for body text.

Accessibility notes

  • Ensure high contrast for text, especially when using #39FF14 or #FFFF00 against other bright colors; dark text is usually required.
  • Avoid placing #FFFF00 text directly on #39FF14 or #FF69B4 backgrounds due to potential low contrast.
  • Prioritize using these vibrant colors for larger visual elements, icons, or decorative accents rather than lengthy body text.
  • Always test color combinations with accessibility checkers to confirm WCAG AA or AAA compliance for critical information.

Recommended combinations

Cyber Glow

Creates a mysterious, glowing atmosphere, great for sci-fi interfaces or backgrounds.

#FF00FF · #00FFFF · #39FF14

Electric Pop

Ideal for high-energy headlines, calls-to-action, or vibrant interactive elements.

#FFFF00 · #FF69B4 · #00FFFF

Arcade Energy

Excellent for creating a lively, playful feel in game UIs or digital art.

#39FF14 · #FF00FF · #FFFF00

CSS variables

:root {
  --neon-arcade-nights-1: #FF00FF;
  --neon-arcade-nights-2: #00FFFF;
  --neon-arcade-nights-3: #FFFF00;
  --neon-arcade-nights-4: #FF69B4;
  --neon-arcade-nights-5: #39FF14;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-arcade-nights": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#FFFF00",
        4: "#FF69B4",
        5: "#39FF14",
      }
    }
  }
}

Related searches

neon green hot pink palettecyberpunk game colors80s retro wave uivibrant yellow cyan magentaenergetic digital branding

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#00FFFF
·
Color 3#FFFF00
·
Color 4#FF69B4
·
Color 5#39FF14
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
2.9:1Fail
1.2:1Fail
2.3:1Fail
2
2.5:1Fail
1.2:1Fail
2.1:1Fail
1.1:1Fail
3
2.9:1Fail
1.2:1Fail
2.5:1Fail
1.3:1Fail
4
1.2:1Fail
2.1:1Fail
2.5:1Fail
2:1Fail
5
2.3:1Fail
1.1:1Fail
1.3:1Fail
2:1Fail

Similar palettes

More like Neon Arcade Nights

View all vibrant
Neon Arcade Nights
Neon City Circuit
Neon City Pulse
Cyber City Synth
Cyber Neon Pulse
Cybernetic Pulse Beat