Palette

Urban Neon Alley

Electric, glowing colors capturing the thrilling, artificial lights of a city's back alley at night.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#00FFFF#FF00FF#00BFFF#32CD32#BA55D3

Palette guide

How to use Urban Neon Alley

Overview

The Urban Neon Alley palette is an electric burst of glowing colors, capturing the thrilling artificial lights of a city's back alley at night. Dominated by vibrant blues like #00FFFF and #00BFFF, shocking pink #FF00FF, a lively green #32CD32, and a deep purple #BA55D3, this palette is designed for high energy and futuristic aesthetics. It’s perfect for projects demanding immediate attention, conveying a sense of dynamism, excitement, and a distinctive, edgy urban vibe. This collection ensures a memorable and impactful visual experience.

Best used for

Gaming interfaces and streaming channels
Cyberpunk themed projects
Music festival branding
Tech event promotions
Virtual reality experiences
Edgy fashion campaigns

Suggested color roles

primary

#00BFFF serves as a strong, cool base for major elements, or as a vibrant highlight against a very dark background.

secondary

#FF00FF provides high-energy accents, calls-to-action, or striking visual emphasis, demanding attention.

accent

#32CD32 offers a contrasting highlight for interactive elements, progress indicators, or vibrant graphic details.

background

A very dark grey or pure black (not in palette) is recommended as a background to make the neon colors pop dramatically.

text

Use white or a very light grey for body text on a dark background. For headings, #00FFFF or #32CD32 can be used on a dark background.

Accessibility notes

This palette is high-vibrancy. Text typically requires a dark background (black/charcoal) with white or light grey text for readability.
Avoid using the neon colors for large blocks of body text; reserve them for headings, accents, or interactive elements.
Ensure sufficient contrast for all text and interactive elements, as bright colors on bright colors can be unreadable.
Consider alternative states for interactive elements (e.g., a darker glow on hover) to enhance usability and accessibility.

Recommended combinations

Electric Glow

Creates a vibrant and futuristic aesthetic, ideal for digital interfaces and dynamic displays.

#00FFFF · #FF00FF · #00BFFF

Cyberpunk Contrast

Offers a bold and edgy blend, perfect for gaming, tech, or alternative art projects.

#32CD32 · #BA55D3 · #00FFFF

Alley Lights

Provides a dynamic and striking composition, suitable for conveying energy and urban nightlife.

#00BFFF · #FF00FF · #32CD32

CSS variables

:root {
  --urban-neon-alley-2-1: #00FFFF;
  --urban-neon-alley-2-2: #FF00FF;
  --urban-neon-alley-2-3: #00BFFF;
  --urban-neon-alley-2-4: #32CD32;
  --urban-neon-alley-2-5: #BA55D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "urban-neon-alley-2": {
        1: "#00FFFF",
        2: "#FF00FF",
        3: "#00BFFF",
        4: "#32CD32",
        5: "#BA55D3",
      }
    }
  }
}

Hex values

Color 1#00FFFF

Color 2#FF00FF

Color 3#00BFFF

Color 4#32CD32

Color 5#BA55D3

Accessibility

Contrast checker

2.5:1Fail

1.7:1Fail

3.1:1AA18

2.5:1Fail

1.5:1Fail

1.3:1Fail

1.7:1Fail

1.5:1Fail

1:1Fail

1.9:1Fail

1.7:1Fail

1.5:1Fail

1:1Fail

1.9:1Fail

3.1:1AA18

1.3:1Fail

1.9:1Fail

Similar palettes

More like Urban Neon Alley

Urban Neon Alley

See it in context.

Ready when you are.

Built with Urban Neon Alley.

How to use Urban Neon Alley

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Electric Glow

Cyberpunk Contrast

Alley Lights

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Urban Neon Alley