Back to palettes

Palette

Neon Alley Pulse

Blazing neon lights cutting through urban darkness, symbolizing the vibrant, restless pulse of city life.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#00FFFF#39FF14#FF69B4#FFFF00

Palette guide

How to use Neon Alley Pulse

Overview

The "Neon Alley Pulse" palette is a dynamic and energetic collection of vibrant hues, perfect for projects that aim to capture the restless glow of a modern city at night. This palette features intense magenta (#FF00FF), electric cyan (#00FFFF), a striking lime green (#39FF14), a softer hot pink (#FF69B4), and a brilliant yellow (#FFFF00). The combination offers a rich spectrum of bright, artificial lights, ideal for creating high-impact visual designs. Designers can leverage these colors for bold branding, interactive UI elements, or digital illustrations that require a sense of urgency and excitement. Developers will find these hex codes excellent for crafting visually stimulating user experiences in apps or websites.

Best used for

  • Nightlife event promotions and posters
  • Youth-oriented fashion brands
  • Gaming streaming overlays and branding
  • Interactive digital installations
  • Modern music video aesthetics
  • High-energy sportswear design

Suggested color roles

primary

#FF00FF (Intense Magenta) - A powerful choice for branding, main headlines, or dominant interactive elements.

secondary

#00FFFF (Electric Cyan) - Excellent for secondary calls-to-action, sub-headings, or accentuating key information.

accent

#39FF14 (Striking Lime) - Best used sparingly for critical alerts, small icons, or to draw immediate attention.

background

A deep charcoal or black (e.g., #1A1A1A) - Provides the necessary contrast for these bright neons to truly pop.

text

#FFFF00 (Brilliant Yellow) or white - For headings and prominent text; consider a dark charcoal for body copy on lighter sections if introduced.

Accessibility notes

  • Ensure strong contrast when pairing any of these bright colors with each other, especially for text.
  • Always test readability of text set in #FFFF00 or #39FF14 against potential backgrounds.
  • Avoid using #FF69B4 (Hot Pink) for small text against #FF00FF (Magenta) due to potential insufficient contrast.
  • Consider providing alternative visual cues for information conveyed solely by color, especially for color-blind users.

Recommended combinations

City Glow

For creating vibrant, multi-color gradient effects or distinct sections in a UI.

#FF00FF · #00FFFF · #FFFF00

Electric Pulse

Ideal for dynamic animations, progress indicators, or highlights in a tech-focused interface.

#00FFFF · #39FF14 · #FF69B4

Neon Pop

Use for energetic calls-to-action or visually distinct elements in a youthful brand.

#FF00FF · #FF69B4 · #FFFF00

CSS variables

:root {
  --neon-alley-pulse-2-1: #FF00FF;
  --neon-alley-pulse-2-2: #00FFFF;
  --neon-alley-pulse-2-3: #39FF14;
  --neon-alley-pulse-2-4: #FF69B4;
  --neon-alley-pulse-2-5: #FFFF00;
}

Tailwind config

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

Related searches

vibrant city paletteenergetic neon colorsmodern ui color schemebright digital art palettesynthwave color ideas

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#00FFFF
·
Color 3#39FF14
·
Color 4#FF69B4
·
Color 5#FFFF00
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
2.3:1Fail
1.2:1Fail
2.9:1Fail
2
2.5:1Fail
1.1:1Fail
2.1:1Fail
1.2:1Fail
3
2.3:1Fail
1.1:1Fail
2:1Fail
1.3:1Fail
4
1.2:1Fail
2.1:1Fail
2:1Fail
2.5:1Fail
5
2.9:1Fail
1.2:1Fail
1.3:1Fail
2.5:1Fail

Similar palettes

More like Neon Alley Pulse

View all vibrant
City Lights Energy
City Neon Pulse
Cyber Glow Spectrum
Downtown Neon Canvas
Downtown Neon Rhythm
Electric Night Cityscape