Palette

Neon Alley Surge

Electrifying hues explode like city lights in a rain-slicked alley, full of energetic glow.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#00FFFF#FFFF00#00FF00#FF69B4

Palette guide

How to use Neon Alley Surge

Overview

The "Neon Alley Surge" palette is an explosion of pure, unadulterated electric color, designed to capture the vibrant, energetic glow of a modern urban night. It features intense magenta (#FF00FF), brilliant cyan (#00FFFF), dazzling yellow (#FFFF00), vibrant green (#00FF00), and a softer hot pink (#FF69B4). This palette is a powerhouse for designers and developers aiming for a dynamic, high-impact aesthetic. These hex codes are perfect for creating eye-catching branding, energetic UI elements, digital art, and interactive experiences that demand attention and convey a sense of excitement and contemporary flair.

Best used for

Youthful brand identities and marketing
Interactive digital experiences and installations
Gaming UI and streaming channel graphics
Urban fashion and streetwear visuals
Music festival branding and event posters
Dynamic motion graphics

Suggested color roles

primary

#FF00FF (Intense Magenta) - A dominant, energetic choice for branding, main calls-to-action, or hero sections.

secondary

#00FFFF (Brilliant Cyan) - Excellent for secondary interactive elements, sub-headings, or contrasting visual information.

accent

#00FF00 (Vibrant Green) - Reserve for critical alerts, success messages, or small elements that need to stand out immediately.

background

A deep charcoal or black (e.g., #1A1A1A) - Provides the essential dark canvas for these bright neons to truly pop and shine.

text

#FFFF00 (Dazzling Yellow) or white - For prominent headings and short text; consider a very light gray for body copy against dark backgrounds.

Accessibility notes

Ensure text in any of the bright colors (e.g., #FF00FF, #00FFFF, #FFFF00, #00FF00, #FF69B4) has sufficient contrast against its background.
Avoid placing bright colors directly on other bright colors for text or crucial elements due to low contrast.
Always test color combinations for WCAG AA compliance, especially for text and interactive components.
Be aware of potential visual fatigue due to high brightness; use these colors strategically for impact, not extended content.

Recommended combinations

Urban Electric

Create vibrant gradients or distinct blocks of color for energetic sections.

#FF00FF · #00FFFF · #FFFF00

Bright Pulse

Ideal for dynamic animations, progress indicators, or highlights in a lively interface.

#00FFFF · #00FF00 · #FF69B4

Neon Pop Art

Excellent for eye-catching calls-to-action or visually distinct elements in a playful brand.

#FF00FF · #FFFF00 · #FF69B4

CSS variables

:root {
  --neon-alley-surge-4-1: #FF00FF;
  --neon-alley-surge-4-2: #00FFFF;
  --neon-alley-surge-4-3: #FFFF00;
  --neon-alley-surge-4-4: #00FF00;
  --neon-alley-surge-4-5: #FF69B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-alley-surge-4": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#FFFF00",
        4: "#00FF00",
        5: "#FF69B4",
      }
    }
  }
}

Hex values

Color 1#FF00FF

Color 2#00FFFF

Color 3#FFFF00

Color 4#00FF00

Color 5#FF69B4

Accessibility

Contrast checker

2.5:1Fail

2.9:1Fail

2.3:1Fail

1.2:1Fail

2.5:1Fail

1.2:1Fail

1.1:1Fail

2.1:1Fail

2.9:1Fail

1.2:1Fail

1.3:1Fail

2.5:1Fail

2.3:1Fail

1.1:1Fail

1.3:1Fail

1.9:1Fail

1.2:1Fail

2.1:1Fail

2.5:1Fail

1.9:1Fail

Similar palettes

More like Neon Alley Surge

Neon Alley Surge

See it in context.

Ready when you are.

Built with Neon Alley Surge.

How to use Neon Alley Surge

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Urban Electric

Bright Pulse

Neon Pop Art

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Neon Alley Surge