Back to palettes

Palette

Urban Neon Alley

A high-contrast explosion of electric purples and shocking neons, capturing the energy of a bustling cityscape 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

#0D0D1A#3A1A59#732E94#A1FF33#FF57BB

Palette guide

How to use Urban Neon Alley

Overview

The Urban Neon Alley palette is a high-contrast explosion of electric purples and shocking neons, capturing the raw energy of a bustling cityscape at night. Featuring a deep, dark base #0D0D1A, it comes alive with vibrant purples like #3A1A59 and #732E94, punctuated by the intense #A1FF33 and #FF57BB. This palette is designed for maximum visual impact, perfect for projects that demand an edgy, futuristic, or cyberpunk aesthetic. It ensures dynamic and unforgettable designs, making every element pop with electric intensity and urban grit.

Best used for

  • Gaming interfaces and branding
  • Music event promotions
  • Cyberpunk art and illustration
  • Futuristic tech branding
  • Youth-oriented fashion campaigns
  • Digital art portfolios

Suggested color roles

primary

#0D0D1A serves as the deep, dark background, providing a dramatic canvas for the neon colors to truly pop.

secondary

#732E94 is ideal for subheadings, background elements, or subtle glow effects, adding depth to the dark base.

accent

#A1FF33 provides high-impact calls-to-action, interactive elements, and vibrant highlights, grabbing immediate attention.

background

#0D0D1A is the dominant dark canvas, essential for making the vivid neon colors stand out dramatically.

text

Use white or a very light grey for body text on #0D0D1A. For headings or key information, #A1FF33 or #FF57BB against dark backgrounds are effective.

Accessibility notes

  • The dark background #0D0D1A combined with light text (white/light grey) provides good contrast for readability.
  • #A1FF33 and #FF57BB are excellent accent colors but should be used sparingly for text, primarily for headings or short, impactful phrases.
  • Ensure #732E94 has enough contrast against #0D0D1A if used for text, especially for smaller font sizes.
  • Avoid using #3A1A59 for text as it will likely get lost on the deep #0D0D1A background due to insufficient contrast.

Recommended combinations

Electric Contrast

Creates a bold and energetic design, ideal for high-impact branding and interactive elements.

#0D0D1A · #A1FF33 · #FF57BB

Neon Depth

Offers a mysterious yet vibrant blend, perfect for backgrounds with a subtle glow or layered UI.

#732E94 · #0D0D1A · #A1FF33

Cyber Glow

Provides a playful and futuristic composition, suitable for dynamic visual effects and accents.

#FF57BB · #3A1A59 · #A1FF33

CSS variables

:root {
  --urban-neon-alley-1: #0D0D1A;
  --urban-neon-alley-2: #3A1A59;
  --urban-neon-alley-3: #732E94;
  --urban-neon-alley-4: #A1FF33;
  --urban-neon-alley-5: #FF57BB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "urban-neon-alley": {
        1: "#0D0D1A",
        2: "#3A1A59",
        3: "#732E94",
        4: "#A1FF33",
        5: "#FF57BB",
      }
    }
  }
}

Related searches

neon purple palettecyberpunk color schemedark vibrant colorselectric city nightlifefuturistic UI design

Palette colors

Hex values

Color 1#0D0D1A
·
Color 2#3A1A59
·
Color 3#732E94
·
Color 4#A1FF33
·
Color 5#FF57BB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.3:1Fail
15.5:1AAA
6.7:1AA
2
1.4:1Fail
1.7:1Fail
11.5:1AAA
5:1AA
3
2.3:1Fail
1.7:1Fail
6.6:1AA
2.9:1Fail
4
15.5:1AAA
11.5:1AAA
6.6:1AA
2.3:1Fail
5
6.7:1AA
5:1AA
2.9:1Fail
2.3:1Fail

Similar palettes

More like Urban Neon Alley

View all vibrant
Abstract City Lights
City Neon Jungle
Cyber Glow Graffiti
Electric City Rhythm
Electric Future Drive
Neo Tokyo Pulse