Palette

Neon Alley Flicker

The stark contrast of dark alleyways illuminated by the electric glow of flickering neon signs.

darkenergetic5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000000#1a0033#00FFFF#FF00FF#FFFF00

Palette guide

How to use Neon Alley Flicker

Overview

The 'Neon Alley Flicker' palette embodies the stark contrast of dark alleyways illuminated by the electric glow of flickering neon signs. It features a strong foundation of #000000 (Black) and a subtle #1a0033 (Deep Violet) to create atmospheric depth. Against this dark canvas, the vibrant #00FFFF (Cyan), #FF00FF (Magenta), and #FFFF00 (Yellow) explode with intense, artificial light. This palette is an exceptional choice for designers and developers aiming to evoke a true cyberpunk, moody, or glitch-art aesthetic, where dramatic contrast and glowing accents are paramount for creating an immersive digital experience.

Best used for

cyberpunk game environments
dark mode dashboards and apps
atmospheric digital art
music video aesthetics
sci-fi movie title sequences
streaming overlays with glitch effects

Suggested color roles

primary

Utilize #00FFFF (Cyan) as a primary light source for key interactive elements, main headings, or prominent graphical accents, providing a crisp, digital glow.

secondary

Employ #FF00FF (Magenta) for secondary calls-to-action, contrasting highlights, or to add a warm, energetic counterpoint against the cooler cyan.

accent

Apply #FFFF00 (Yellow) sparingly for critical alerts, loading indicators, or to simulate a sharp, flickering light effect, ensuring immediate attention.

background

The absolute #000000 (Black) is the foundational background, offering the deepest contrast and allowing the neon colors to appear intensely luminous.

text

For body text, use a crisp white or very light gray (e.g., #F0F0F0) against #000000. For headings, #00FFFF or #FF00FF provide excellent readability and impact on a dark base.

Accessibility notes

Ensure all text against #000000 and #1a0033 uses high-contrast colors like #00FFFF, #FF00FF, or white for readability.
Avoid using #1a0033 as a primary text color due to its low contrast against other darks.
When using #FFFF00 for critical information, ensure it has sufficient contrast against its surrounding elements.
Interactive elements should have distinct visual states (hover, active) using the brightest neons to ensure usability.

Recommended combinations

Dark UI Glow

The core combination for dark user interfaces, with black as the base and cyan/magenta as primary interactive elements.

#000000 · #00FFFF · #FF00FF

Flicker Effect

Perfect for creating dynamic alerts, loading animations, or simulating a glitch effect, leveraging the bright yellow.

#FFFF00 · #000000 · #FF00FF

Atmospheric Depth

Use for background elements, layered textures, or subtle gradients to add depth and a mysterious, ethereal glow.

#1A0033 · #FF00FF · #00FFFF

CSS variables

:root {
  --neon-alley-flicker-1: #000000;
  --neon-alley-flicker-2: #1a0033;
  --neon-alley-flicker-3: #00FFFF;
  --neon-alley-flicker-4: #FF00FF;
  --neon-alley-flicker-5: #FFFF00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-alley-flicker": {
        1: "#000000",
        2: "#1a0033",
        3: "#00FFFF",
        4: "#FF00FF",
        5: "#FFFF00",
      }
    }
  }
}

Hex values

Color 1#000000

Color 2#1a0033

Color 3#00FFFF

Color 4#FF00FF

Color 5#FFFF00

Accessibility

Contrast checker

1.1:1Fail

16.7:1AAA

6.7:1AA

19.6:1AAA

1.1:1Fail

15.3:1AAA

6.1:1AA

17.9:1AAA

16.7:1AAA

15.3:1AAA

2.5:1Fail

1.2:1Fail

6.7:1AA

6.1:1AA

2.5:1Fail

2.9:1Fail

19.6:1AAA

17.9:1AAA

1.2:1Fail

2.9:1Fail

Similar palettes

More like Neon Alley Flicker