Palette

Neon Alley Flash

A striking and artificial burst of color, capturing the energetic pulse of a cyber city alley after dark.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Neon Alley Flash 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 Alley Flash.

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

Data visualization

#FF00FF#00FFFF#FFFF00#FF4500#8A2BE2

Palette guide

How to use Neon Alley Flash

Overview

The 'Neon Alley Flash' palette is a striking and artificial burst of color, perfectly capturing the energetic pulse of a cyber city alley after dark. This palette is saturated with intense, pure neon hues: #FF00FF (Magenta), #00FFFF (Cyan), #FFFF00 (Pure Yellow), #FF4500 (Orange Red), and #8A2BE2 (Blue Violet). Its high-octane nature makes it an excellent choice for designers and developers aiming for a retro-futuristic, synthwave, or glitch aesthetic. It thrives on maximum contrast against a dark backdrop, delivering an undeniable visual punch that commands attention and evokes a sense of digital excitement.

Best used for

retro-futuristic game interfaces
synthwave album art and branding
digital advertising banners
streaming channel overlays
arcade-style mobile apps
nightclub event promotions

Suggested color roles

primary

Designate #00FFFF (Cyan) as a cool, dominant primary color for core UI elements, primary navigation, or large text, establishing a strong digital presence.

secondary

Employ #FF00FF (Magenta) for secondary interactive elements, accent panels, or to create a vibrant, warm contrast against the primary cyan.

accent

Apply #FFFF00 (Pure Yellow) sparingly for critical alerts, loading indicators, or to simulate a blinding flash effect, ensuring maximum visibility.

background

For optimal impact, utilize a deep black (e.g., #000000) or very dark charcoal as the primary background, allowing the neon colors to intensely pop.

text

For body text, use a crisp white or light gray against a dark background. For headings or emphasized text, #00FFFF or #FF00FF offer excellent contrast and a futuristic feel on a dark base.

Accessibility notes

Ensure all text against dark backgrounds uses sufficiently bright colors like #00FFFF or white for readability.
Avoid using #FF4500 for small text on similarly warm backgrounds to prevent legibility issues.
High contrast is essential for all color pairings; avoid placing bright neons directly on other bright neons for critical information.
Consider the overall visual noise with multiple intense colors; use restraint to maintain readability and hierarchy.

Recommended combinations

Flashy UI

A core neon trio for primary interface elements, creating a dynamic and highly visible digital aesthetic.

#00FFFF · #FF00FF · #FFFF00

Warning/Alert

Ideal for urgent messages, error states, or attention-grabbing alerts, combining warm and cool brights.

#FF4500 · #FFFF00 · #00FFFF

Synthwave Gradient

Use for background gradients, layered effects, or visual transitions to evoke a classic synthwave sunset or digital glow.

#8A2BE2 · #FF00FF · #FF4500

CSS variables

:root {
  --neon-alley-flash-1: #FF00FF;
  --neon-alley-flash-2: #00FFFF;
  --neon-alley-flash-3: #FFFF00;
  --neon-alley-flash-4: #FF4500;
  --neon-alley-flash-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-alley-flash": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#FFFF00",
        4: "#FF4500",
        5: "#8A2BE2",
      }
    }
  }
}

Hex values

Color 1#FF00FF

Color 2#00FFFF

Color 3#FFFF00

Color 4#FF4500

Color 5#8A2BE2

Accessibility

Contrast checker

2.5:1Fail

2.9:1Fail

1.1:1Fail

1.9:1Fail

2.5:1Fail

1.2:1Fail

2.7:1Fail

4.8:1AA

2.9:1Fail

1.2:1Fail

3.2:1AA18

5.5:1AA

1.1:1Fail

2.7:1Fail

3.2:1AA18

1.7:1Fail

1.9:1Fail

4.8:1AA

5.5:1AA

1.7:1Fail

Similar palettes

More like Neon Alley Flash

Cyberpunk Alley Light

Cyberpunk Alley Neon