Back to palettes

Palette

Neon Alley Rain

A stark, futuristic palette combining deep purples with electric green and sharp white, inspired by rainy neon city alleys.

vibrantdark5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A0D1A#3F004D#8B00BD#B9FF00#F0FFFF

Palette guide

How to use Neon Alley Rain

Overview

The "Neon Alley Rain" palette masterfully blends deep, mysterious purples with a jolt of electric green and a crisp, near-white, evoking the atmospheric glow of a rainy, futuristic cityscape. Featuring a very dark purple (#1A0D1A), a rich dark magenta (#3F004D), and a vibrant dark violet (#8B00BD), it's dramatically contrasted by the searing lime green (#B9FF00) and an icy pale cyan (#F0FFFF). This palette is ideal for designers looking to create moody yet electrifying aesthetics, from digital environments to sophisticated branding. Developers can utilize these hex codes to build immersive dark-themed interfaces, ensuring high readability where the bright accents truly shine.

Best used for

  • Atmospheric video game environments
  • Luxury cyberpunk branding
  • Event visuals for electronic music
  • Dark mode website designs
  • Sci-fi book covers or digital art
  • Fashion photography backdrops

Suggested color roles

primary

#1A0D1A (Very Dark Purple) - The dominant background color, providing depth and allowing brighter hues to stand out.

secondary

#3F004D (Rich Dark Magenta) - Excellent for secondary backgrounds, panels, or subtle atmospheric elements.

accent

#B9FF00 (Searing Lime Green) - Use sparingly for critical alerts, interactive elements, or focal points that demand immediate attention.

background

#1A0D1A (Very Dark Purple) - The foundational color for the overall design, setting a dark, mysterious tone.

text

#F0FFFF (Icy Pale Cyan) - Ideal for primary text, headings, and important information against the dark backgrounds, ensuring readability.

Accessibility notes

  • Ensure #F0FFFF (Icy Pale Cyan) has sufficient contrast against all dark background shades, especially #1A0D1A and #3F004D.
  • Verify that #B9FF00 (Lime Green) provides adequate contrast for text or interactive elements when used on the darker purples.
  • Avoid using #3F004D or #8B00BD for small text directly on #1A0D1A; readability will be poor.
  • Use a contrast checker to meet WCAG AA standards for all text and interactive elements.

Recommended combinations

Rainy Night

A sophisticated dark theme, with #8B00BD for subtle glow and #F0FFFF for clear text.

#1A0D1A · #8B00BD · #F0FFFF

Electric Mist

For high-impact calls-to-action or dynamic visual effects against a deep, moody base.

#3F004D · #B9FF00 · #F0FFFF

Deep Cyber

Creates a visually striking contrast, excellent for section dividers or highlighted UI components.

#1A0D1A · #3F004D · #B9FF00

CSS variables

:root {
  --neon-alley-rain-1: #1A0D1A;
  --neon-alley-rain-2: #3F004D;
  --neon-alley-rain-3: #8B00BD;
  --neon-alley-rain-4: #B9FF00;
  --neon-alley-rain-5: #F0FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-alley-rain": {
        1: "#1A0D1A",
        2: "#3F004D",
        3: "#8B00BD",
        4: "#B9FF00",
        5: "#F0FFFF",
      }
    }
  }
}

Related searches

dark cyberpunk palettemoody neon colorssci-fi color schemeselectric purple greenrainy city aesthetic

Palette colors

Hex values

Color 1#1A0D1A
·
Color 2#3F004D
·
Color 3#8B00BD
·
Color 4#B9FF00
·
Color 5#F0FFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
2.5:1Fail
15.6:1AAA
18.3:1AAA
2
1.2:1Fail
2.1:1Fail
13.2:1AAA
15.5:1AAA
3
2.5:1Fail
2.1:1Fail
6.1:1AA
7.2:1AAA
4
15.6:1AAA
13.2:1AAA
6.1:1AA
1.2:1Fail
5
18.3:1AAA
15.5:1AAA
7.2:1AAA
1.2:1Fail

Similar palettes

More like Neon Alley Rain

View all vibrant
Fungal Forest Glow
Crimson Portal
Cyberpunk Alley Night
Neon Alley Thrill
Neon Future Street
Neon Urban Pulse