Palette

Electric Alley Pulse

Electrifying colors capturing the artificial glow and dynamic energy of a futuristic neon city alley.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Electric Alley Pulse 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 Electric Alley Pulse.

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

Data visualization

#FF00FF#00FFFF#00FF00#FFD700#8A2BE2

Palette guide

How to use Electric Alley Pulse

Overview

The "Electric Alley Pulse" palette is an electrifying blend of neon and vivid shades, capturing the dynamic energy of a futuristic cyber-alley. It features intense Magenta (#FF00FF), Cyan (#00FFFF), and Lime Green (#00FF00), creating a high-contrast, glowing effect. A bright Gold (#FFD700) adds a metallic gleam, while the rich Blue Violet (#8A2BE2) grounds the vibrancy with a touch of depth. This palette is perfect for designers creating cyberpunk, tech-focused, or energetic digital experiences. Developers will find these colors excellent for creating eye-catching UI elements, interactive states, and immersive visual effects that demand attention.

Best used for

Cyberpunk game interfaces or marketing
Tech startup branding or websites
Music festival promotions or event graphics
Modern art installations or digital galleries
Vibrant e-sports team branding
Futuristic product showcases

Suggested color roles

primary

#FF00FF (Magenta) - Use for high-impact calls-to-action, active states, or main interactive elements to grab immediate attention.

secondary

#00FFFF (Cyan) - Ideal for subheadings, secondary interactive elements, or backgrounds that need a cool, digital glow.

accent

#FFD700 (Gold) - Perfect for small, impactful highlights, icons, or to simulate metallic sheen in a futuristic design.

background

#8A2BE2 (Blue Violet) - A deep, rich background that allows the neon colors to truly pop and glow, creating an immersive atmosphere.

text

#00FF00 (Lime Green) - Excellent for clear, vibrant text on dark backgrounds like #8A2BE2. Pure white or #FFD700 can also be used for readability.

Accessibility notes

Contrast between neon colors can be low; always test combinations, e.g., #FF00FF on #00FFFF.
Ensure text color, like #00FF00, has sufficient contrast against its background, especially for body text.
Use the darkest color, #8A2BE2, as a background for lighter neon text to maximize readability.
Avoid using multiple vibrant, highly saturated colors for large blocks of text or background simultaneously to prevent eye strain.

Recommended combinations

Cyber Glow

A dark violet base with glowing magenta and cyan elements, perfect for futuristic interfaces.

#8A2BE2 · #FF00FF · #00FFFF

Electric Spark

Bright cyan with a gold highlight and green accent, ideal for status indicators or interactive elements.

#00FFFF · #FFD700 · #00FF00

Neon Pulse

High-contrast magenta and green against a deep violet, excellent for dynamic graphics or alerts.

#FF00FF · #00FF00 · #8A2BE2

CSS variables

:root {
  --electric-alley-pulse-1: #FF00FF;
  --electric-alley-pulse-2: #00FFFF;
  --electric-alley-pulse-3: #00FF00;
  --electric-alley-pulse-4: #FFD700;
  --electric-alley-pulse-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electric-alley-pulse": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#00FF00",
        4: "#FFD700",
        5: "#8A2BE2",
      }
    }
  }
}

Hex values

Color 1#FF00FF

Color 2#00FFFF

Color 3#00FF00

Color 4#FFD700

Color 5#8A2BE2

Accessibility

Contrast checker

2.5:1Fail

2.3:1Fail

2.2:1Fail

1.9:1Fail

2.5:1Fail

1.1:1Fail

4.8:1AA

2.3:1Fail

1.1:1Fail

1:1Fail

4.3:1AA18

2.2:1Fail

1.1:1Fail

1:1Fail

4.2:1AA18

1.9:1Fail

4.8:1AA

4.3:1AA18

4.2:1AA18

Similar palettes

More like Electric Alley Pulse

Electric Alley Pulse

See it in context.

Ready when you are.

Built with Electric Alley Pulse.

How to use Electric Alley Pulse

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Cyber Glow

Electric Spark

Neon Pulse

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Electric Alley Pulse