Back to palettes

Palette

Neon Dreamscape Alley

A fantastical journey through an alley glowing with surreal and electric neon signs.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF1493#00FF00#00BFFF#8A2BE2#FFD700

Palette guide

How to use Neon Dreamscape Alley

Overview

The Neon Dreamscape Alley palette invites designers on a fantastical journey through an alley glowing with surreal and electric neon signs. This energetic collection features #FF1493 (deep pink), #00FF00 (lime green), #00BFFF (deep sky blue), #8A2BE2 (blue-violet), and #FFD700 (gold). Without a dedicated dark background, it thrives when paired with deep charcoals or blacks, allowing its vibrant hues to create a dynamic, slightly chaotic urban night scene. It's an excellent choice for cyberpunk art, imaginative interfaces, and any project that aims for a bright, energetic, and visually striking aesthetic.

Best used for

  • Cyberpunk art and graphic novels
  • Game environment design and character accents
  • Imaginative digital interfaces and dashboards
  • Event promotions with a vibrant, edgy feel
  • Street art inspired designs and murals
  • Motion graphics for energetic content

Suggested color roles

primary

These colors are all intense accents; a pure black or very deep charcoal (e.g., #0A0A0A) is essential as a primary background.

secondary

All colors function as primary accents; consider using one or two as dominant themes and others as supporting highlights.

accent

Apply #FF1493, #00FF00, #00BFFF, #8A2BE2, and #FFD700 for all interactive elements, glowing effects, and key visual points.

background

An extremely dark background, such as #0A0A0A or pure black, is critical to enhance the luminosity and contrast of these neon hues.

text

For general text, use bright white or a very light gray. Reserve neon colors like #FFD700 or #00FF00 for prominent headlines, calls to action, or dynamic labels.

Accessibility notes

  • Ensure all neon colors have strong contrast against very dark backgrounds to meet WCAG AA standards.
  • Avoid using multiple bright neons for essential body text; reserve them for headings or highlights.
  • Be mindful of color blindness when pairing hues like #FF1493 and #8A2BE2 if they convey distinct information.
  • Use larger font sizes or bolder weights for text in these neon colors to improve legibility.

Recommended combinations

Alley Glow

Dynamic visual elements: #0A0A0A background, #FF1493 for a primary sign, #00FF00 for a secondary glow.

#FF1493 · #00FF00 · #00BFFF

Cyber Dream

Interface gradients: #0A0A0A base, with #00BFFF and #8A2BE2 creating a smooth, ethereal transition.

#00BFFF · #8A2BE2 · #00FF00

Urban Pop

Call-to-action: #0A0A0A background, #FFD700 for button text, #FF1493 for button outline.

#FFD700 · #FF1493 · #00BFFF

CSS variables

:root {
  --neon-dreamscape-alley-1: #FF1493;
  --neon-dreamscape-alley-2: #00FF00;
  --neon-dreamscape-alley-3: #00BFFF;
  --neon-dreamscape-alley-4: #8A2BE2;
  --neon-dreamscape-alley-5: #FFD700;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-dreamscape-alley": {
        1: "#FF1493",
        2: "#00FF00",
        3: "#00BFFF",
        4: "#8A2BE2",
        5: "#FFD700",
      }
    }
  }
}

Related searches

cyberpunk alley colorsdreamy neon palettevibrant street art schemefuturistic urban designelectric nightscape colors

Palette colors

Hex values

Color 1#FF1493
·
Color 2#00FF00
·
Color 3#00BFFF
·
Color 4#8A2BE2
·
Color 5#FFD700
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.7:1Fail
1.7:1Fail
1.6:1Fail
2.6:1Fail
2
2.7:1Fail
1.5:1Fail
4.3:1AA18
1:1Fail
3
1.7:1Fail
1.5:1Fail
2.8:1Fail
1.5:1Fail
4
1.6:1Fail
4.3:1AA18
2.8:1Fail
4.2:1AA18
5
2.6:1Fail
1:1Fail
1.5:1Fail
4.2:1AA18

Similar palettes

More like Neon Dreamscape Alley

View all vibrant
Cyber City Synth
Cyber Glow Spectrum
Cybernetic Spectrum Surge
Cyberpunk Afterglow
Cyberpunk Alley Glow
Cyberpunk Alley Neon