Back to palettes

Palette

Cyberpunk Alley Night

Blazing neon lights against a dark, rain-slicked alleyway in a futuristic city.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cyberpunk Alley Night 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 Cyberpunk Alley Night.

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

Data visualization

#00FFC0#8A2BE2#FF1493#00BFFF#1C1C1C

Palette guide

How to use Cyberpunk Alley Night

Overview

The "Cyberpunk Alley Night" palette captures the essence of blazing neon lights against a dark, rain-slicked alleyway in a futuristic city. Built on a foundation of deep #1C1C1C (dark charcoal), this palette ignites with electric hues: #00FFC0 (teal), #8A2BE2 (blue violet), #FF1493 (deep pink), and #00BFFF (deep sky blue). It's an exceptional choice for designers seeking to convey an energetic, mysterious, and high-tech urban atmosphere. Developers will find these colors highly effective for creating distinct UI elements, urgent notifications, and captivating visual effects in games or applications. The strong contrast ensures that key elements pop, making this palette ideal for interfaces that demand attention and a compelling, immersive user experience.

Best used for

  • Dystopian game environments and character design
  • Futuristic app interfaces and dashboards
  • Digital art and concept illustration
  • Music video aesthetics and stage lighting
  • Event branding for tech conferences or festivals
  • Dark mode application themes

Suggested color roles

primary

Utilize #00BFFF (Deep Sky Blue) for main interactive elements, primary branding, or prominent headings.

secondary

Apply #FF1493 (Deep Pink) for secondary calls to action, important notifications, or vibrant accents that demand attention.

accent

Employ #00FFC0 (Teal) for energetic highlights, success states, or subtle glows in digital interfaces.

background

Use #1C1C1C (Dark Charcoal) as the foundational background, providing a deep, shadowy canvas for the neon lights.

text

For optimal legibility on dark backgrounds, use white (#FFFFFF) or a very light gray. For headings, #00BFFF or #FF1493 are impactful.

Accessibility notes

  • Ensure very high contrast between neon colors and #1C1C1C background for all text and interactive elements.
  • Avoid using #00FFC0 or #FF1493 directly for small body text; they are better suited for larger headings or accents.
  • Test combinations for color blindness, especially with #00FFC0 (teal) and #00BFFF (deep sky blue).
  • The dark background helps visual comfort, but strategic use of bright neons is key to prevent visual fatigue.

Recommended combinations

Neon Torrent

Excellent for creating atmospheric backgrounds, subtle digital glows, or tech interfaces in dark modes.

#00FFC0 · #00BFFF · #1C1C1C

Electric Rain

Ideal for striking call-to-action buttons, energetic data visualizations, or spotlight effects.

#FF1493 · #8A2BE2 · #1C1C1C

Alley Pulse

Perfect for vibrant gradients, interactive states, or highlighting key features in a futuristic interface.

#00BFFF · #FF1493 · #00FFC0

CSS variables

:root {
  --cyberpunk-alley-night-1: #00FFC0;
  --cyberpunk-alley-night-2: #8A2BE2;
  --cyberpunk-alley-night-3: #FF1493;
  --cyberpunk-alley-night-4: #00BFFF;
  --cyberpunk-alley-night-5: #1C1C1C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cyberpunk-alley-night": {
        1: "#00FFC0",
        2: "#8A2BE2",
        3: "#FF1493",
        4: "#00BFFF",
        5: "#1C1C1C",
      }
    }
  }
}

Related searches

cyberpunk dark neon paletteelectric urban colorsdeep pink teal bluefuturistic night aestheticdark mode sci-fi design

Palette colors

Hex values

Color 1#00FFC0
·
Color 2#8A2BE2
·
Color 3#FF1493
·
Color 4#00BFFF
·
Color 5#1C1C1C
·

Accessibility

Contrast checker

1
2
3
4
5
1
4.6:1AA
2.8:1Fail
1.6:1Fail
13:1AAA
2
4.6:1AA
1.6:1Fail
2.8:1Fail
2.9:1Fail
3
2.8:1Fail
1.6:1Fail
1.7:1Fail
4.7:1AA
4
1.6:1Fail
2.8:1Fail
1.7:1Fail
8:1AAA
5
13:1AAA
2.9:1Fail
4.7:1AA
8:1AAA

Similar palettes

More like Cyberpunk Alley Night

View all vibrant
Cyber Neon Pulse
Cybernetic Pulse Beat
Cybernetic Vista Glow
Cyberpunk Afterglow
Cyberpunk Alley Glow
Cyberpunk Circuitry