Palette

Neon Alley Burst

A lively and electrifying palette capturing the dynamic energy of a modern city at night, illuminated by neon glows.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#080808#FF0077#00FFCE#FFD900#8A2BE2

Palette guide

How to use Neon Alley Burst

Overview

The 'Neon Alley Burst' palette captures the dynamic energy of a modern city at night, illuminated by electrifying neon glows. Anchored by the deep, almost-black #080808 (Dark Charcoal), it allows the vibrant #FF0077 (Electric Pink), #00FFCE (Aqua Burst), #FFD900 (Neon Yellow), and #8A2BE2 (Electric Purple) to truly explode. This palette is a powerful tool for designers and developers looking to inject a sense of urban dynamism and playful intensity into their projects. Its strong contrasts and energetic hues are perfect for creating memorable and engaging digital experiences.

Best used for

urban fashion brand identity
music festival graphics
mobile app interfaces
digital illustrations and posters
gaming UI and splash screens
streetwear e-commerce sites

Suggested color roles

primary

Utilize #00FFCE (Aqua Burst) as a refreshing and modern primary color for main navigation, key information, or background accents, offering a cool, clean glow.

secondary

Employ #FF0077 (Electric Pink) for secondary calls-to-action, status messages, or to add a warm, energetic counterpoint to the cooler aqua.

accent

Apply #FFD900 (Neon Yellow) sparingly for critical highlights, small interactive elements, or to create a bright, attention-grabbing flash.

background

The deep #080808 (Dark Charcoal) serves as an ideal primary background, providing a rich, dark canvas that makes the neon colors burst with intensity.

text

For body text, use a crisp white or very light gray (e.g., #F0F0F0) against #080808. For headings, #00FFCE or #FF0077 can provide excellent visibility and impact.

Accessibility notes

Ensure sufficient contrast for all text against the #080808 background, using bright neons or white for readability.
Avoid using #8A2BE2 for small text against similarly dark backgrounds due to potential legibility issues.
When designing interactive elements, ensure their focus states use high-contrast colors like #FFD900 or #00FFCE.
Consider color blindness when combining #FF0077 and #8A2BE2 in close proximity, ensuring alternative visual cues are present.

Recommended combinations

Dynamic UI

Forms a strong base for user interfaces, with the dark background highlighting vibrant primary and secondary interactive elements.

#080808 · #00FFCE · #FF0077

Energetic Callout

Perfect for drawing attention to specific features or alerts, with the bright yellow popping against the dark and purple.

#FFD900 · #080808 · #8A2BE2

Urban Glow

Use these three brights for layered graphics, gradients, or a playful, energetic visual burst in illustrations or headers.

#FF0077 · #00FFCE · #8A2BE2

CSS variables

:root {
  --neon-alley-burst-1: #080808;
  --neon-alley-burst-2: #FF0077;
  --neon-alley-burst-3: #00FFCE;
  --neon-alley-burst-4: #FFD900;
  --neon-alley-burst-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-alley-burst": {
        1: "#080808",
        2: "#FF0077",
        3: "#00FFCE",
        4: "#FFD900",
        5: "#8A2BE2",
      }
    }
  }
}

Hex values

Color 1#080808

Color 2#FF0077

Color 3#00FFCE

Color 4#FFD900

Color 5#8A2BE2

Accessibility

Contrast checker

5.3:1AA

15.4:1AAA

14.5:1AAA

3.4:1AA18

5.3:1AA

2.9:1Fail

2.8:1Fail

1.6:1Fail

15.4:1AAA

2.9:1Fail

1.1:1Fail

4.6:1AA

14.5:1AAA

2.8:1Fail

1.1:1Fail

4.3:1AA18

3.4:1AA18

1.6:1Fail

4.6:1AA

4.3:1AA18

Similar palettes

More like Neon Alley Burst

Electric Future Drive

Electric Metro Glow

Electric Sunset Glow