Back to palettes

Palette

Urban Alley Glow

A pulsating palette inspired by the raw energy and electric signs of a bustling city night.

VibrantEnergetic5 colors
More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#32CD32#00BFFF#505050#000000#FFFF00

Palette guide

How to use Urban Alley Glow

Overview

The "Urban Alley Glow" palette (ID: urban-alley-glow-2) pulsates with the raw energy of a city night, inspired by neon signs and grunge aesthetics. It combines electric Lime Green (#32CD32), vibrant Deep Sky Blue (#00BFFF), stark Black (#000000), and brilliant Yellow (#FFFF00) with a grounding mid-tone grey (#505050). This high-contrast, energetic collection is perfect for designers and developers aiming to create bold, edgy, and modern experiences. It's exceptionally well-suited for projects that demand attention, such as gaming, music, or contemporary digital art, and thrives in dark mode applications.

Best used for

  • Gaming interfaces and branding
  • Music event promotions
  • Cyberpunk or sci-fi themed designs
  • Modern streetwear e-commerce
  • Edgy digital art and illustration
  • Neon-themed web applications

Suggested color roles

primary

Use #000000 (Black) as the ultimate grounding color, ideal for immersive dark mode backgrounds, headers, or strong foundational elements.

secondary

Apply #505050 (Mid-Grey) to provide a subtle contrast within dark themes, good for secondary containers, borders, or less prominent text.

accent

Employ #32CD32 (Lime Green) or #FFFF00 (Yellow) for high-impact call-to-action buttons, key interactive elements, or striking highlights that demand immediate attention.

background

Utilize #000000 (Black) to create a dramatic, deep canvas that makes the neon accents truly pop.

text

For headings and accents on black backgrounds, use #32CD32, #00BFFF, or #FFFF00. For body text, use a lighter grey like #505050 or even white for maximum readability.

Accessibility notes

  • Ensure #32CD32, #00BFFF, and #FFFF00 have sufficient contrast when used for text on #000000 or #505050.
  • Avoid using #505050 for text on #000000 for critical information; contrast might be too low for WCAG AA.
  • High-contrast combinations like #FFFF00 on #000000 are excellent for visibility, but overuse can cause eye strain.
  • Be cautious when using #32CD32 on #00BFFF or vice versa, as their vibrancy can clash without proper contrast.

Recommended combinations

Neon Night

Perfect for dark mode UIs, using black as base, yellow for primary highlights, and green for secondary accents.

#000000 · #FFFF00 · #32CD32

Cyber Glow

Ideal for interactive elements, with grey as a subtle background, blue for status, and yellow for alerts.

#505050 · #00BFFF · #FFFF00

Alley Flash

Great for bold headers or graphical elements, combining deep black with vibrant green and blue for a dynamic look.

#000000 · #32CD32 · #00BFFF

CSS variables

:root {
  --urban-alley-glow-2-1: #32CD32;
  --urban-alley-glow-2-2: #00BFFF;
  --urban-alley-glow-2-3: #505050;
  --urban-alley-glow-2-4: #000000;
  --urban-alley-glow-2-5: #FFFF00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "urban-alley-glow-2": {
        1: "#32CD32",
        2: "#00BFFF",
        3: "#505050",
        4: "#000000",
        5: "#FFFF00",
      }
    }
  }
}

Related searches

neon city color palettecyberpunk design colorsdark mode vibrant schemegrunge aesthetic paletteenergetic street art colors

Palette colors

Hex values

Color 1#32CD32
·
Color 2#00BFFF
·
Color 3#505050
·
Color 4#000000
·
Color 5#FFFF00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
3.8:1AA18
9.9:1AAA
2:1Fail
2
1:1Fail
3.8:1AA18
9.9:1AAA
2:1Fail
3
3.8:1AA18
3.8:1AA18
2.6:1Fail
7.5:1AAA
4
9.9:1AAA
9.9:1AAA
2.6:1Fail
19.6:1AAA
5
2:1Fail
2:1Fail
7.5:1AAA
19.6:1AAA

Similar palettes

More like Urban Alley Glow

View all Vibrant
City Night Electric
Cyberpunk Alley Glow
Electric City Nights
Electric Glitch Bloom
Emerald Cityscape
Neon City Glimmer