Back to palettes

Palette

Neon Arcade Nights

A jolt of pure energy, reflecting the glowing screens and vivid lights of an 80s neon 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

#2C1C40#B80F0A#00E7FF#FF5300#39FF14

Palette guide

How to use Neon Arcade Nights

Overview

The "Neon Arcade Nights" palette delivers a jolt of pure energy, reflecting the glowing screens and vivid lights of an 80s neon arcade after dark. It features a deep, atmospheric dark purple #2C1C40 as a strong foundation, allowing the brilliant accents to truly pop. A powerful crimson red #B80F0A adds intensity, while the luminous electric blue #00E7FF provides a cool, digital glow. The vibrant orange #FF5300 injects raw energy, and the shocking neon green #39FF14 completes this electrifying set. This palette is perfect for designers and developers aiming to create high-impact, cyberpunk, or retro-futuristic experiences, ensuring a dynamic and unforgettable visual identity across all mediums.

Best used for

  • Cyberpunk game environments
  • 80s retro wave aesthetics
  • Dark mode web design
  • Action-packed marketing materials
  • Sci-fi movie posters
  • Esports team branding

Suggested color roles

primary

Use #2C1C40 (Dark Purple) as the dominant background or foundational color, providing depth and allowing other neons to glow.

secondary

Apply #00E7FF (Electric Blue) for navigation, key UI elements, or secondary calls-to-action to create a cool, digital focal point.

accent

Highlight critical information or interactive states with #39FF14 (Neon Green) for maximum visibility and an unmistakable electric pop.

background

The #2C1C40 (Dark Purple) is an excellent atmospheric background, or use a classic black for even more dramatic contrast.

text

For headlines and important text on dark backgrounds, #00E7FF or #39FF14 offers excellent legibility. White or a very light gray should be used for body text.

Accessibility notes

  • Ensure sufficient contrast when using #B80F0A or #FF5300 for text against lighter backgrounds, or use them sparingly as accents.
  • Avoid placing #39FF14 text directly on #00E7FF backgrounds due to potential low contrast.
  • Prioritize using these vibrant colors for larger text, icons, or decorative elements, reserving dark neutrals for body copy.
  • Always test color combinations with accessibility checkers to confirm WCAG AA or AAA compliance for critical information.

Recommended combinations

Cyber Night

Creates a deep, mysterious cyberpunk atmosphere, ideal for backgrounds and UI.

#2C1C40 · #00E7FF · #39FF14

Arcade Alert

Excellent for warnings, alerts, or urgent interactive elements in a game or application.

#B80F0A · #FF5300 · #00E7FF

Electric Pop

Ideal for dynamic headlines, hero sections, or loading screen animations with high impact.

#39FF14 · #FF5300 · #2C1C40

CSS variables

:root {
  --neon-arcade-nights-4-1: #2C1C40;
  --neon-arcade-nights-4-2: #B80F0A;
  --neon-arcade-nights-4-3: #00E7FF;
  --neon-arcade-nights-4-4: #FF5300;
  --neon-arcade-nights-4-5: #39FF14;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-arcade-nights-4": {
        1: "#2C1C40",
        2: "#B80F0A",
        3: "#00E7FF",
        4: "#FF5300",
        5: "#39FF14",
      }
    }
  }
}

Related searches

cyberpunk color scheme80s neon palettedark purple electric bluevibrant gaming colorshigh contrast ui theme

Palette colors

Hex values

Color 1#2C1C40
·
Color 2#B80F0A
·
Color 3#00E7FF
·
Color 4#FF5300
·
Color 5#39FF14
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
10.3:1AAA
4.8:1AA
11.5:1AAA
2
2.3:1Fail
4.5:1AA18
2.1:1Fail
5:1AA
3
10.3:1AAA
4.5:1AA18
2.1:1Fail
1.1:1Fail
4
4.8:1AA
2.1:1Fail
2.1:1Fail
2.4:1Fail
5
11.5:1AAA
5:1AA
1.1:1Fail
2.4: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