Palette

Neon Alley Thrill

Pulsating electric colors against a deep, dark backdrop, capturing the high-energy thrill of a futuristic city night.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0F0A1A#C800FF#00FFFF#FF00FF#3A0C4A

Palette guide

How to use Neon Alley Thrill

Overview

The "Neon Alley Thrill" palette is a captivating blend of profound darkness and electrifying neons, designed to evoke the high-stakes energy of a futuristic city night. It features a deep, almost black (#0F0A1A), a vibrant electric purple (#C800FF), brilliant cyan (#00FFFF), intense magenta (#FF00FF), and a rich dark violet (#3A0C4A). This palette is ideal for designers and developers looking to create immersive experiences with a distinct cyberpunk or synthwave aesthetic. These hex codes are perfect for dynamic UI elements, dramatic branding, and digital art that thrives on the interplay of deep shadows and pulsating artificial lights.

Best used for

Cyberpunk game environments and character design
Nightclub or music event branding
Dark mode UI themes for creative apps
Sci-fi film titles and promotional materials
High-energy interactive experiences
Art installations with glowing elements

Suggested color roles

primary

#0F0A1A (Deep Almost Black) - The dominant background color, providing a vast canvas for the vibrant neons to glow.

secondary

#3A0C4A (Rich Dark Violet) - Excellent for secondary backgrounds, panels, or subtle atmospheric layering.

accent

#C800FF (Vibrant Electric Purple) - Use for critical calls-to-action, prominent highlights, or to create a strong focal point.

background

#0F0A1A (Deep Almost Black) - The foundational color, establishing a dark, mysterious, and high-contrast environment.

text

#00FFFF (Brilliant Cyan) or white - For headings and important text against dark backgrounds; a very light gray for body copy for readability.

Accessibility notes

Ensure text in #C800FF, #00FFFF, or #FF00FF has sufficient contrast against the #0F0A1A and #3A0C4A backgrounds.
Avoid placing #C800FF (Electric Purple) directly on #FF00FF (Magenta) for text due to potential low contrast and visual vibration.
Always use a contrast checker to ensure WCAG AA compliance for all text and interactive elements.
Be mindful of users with photosensitivity due to the intense brightness of the neon colors against a dark background.

Recommended combinations

Night Thrill

Ideal for dark mode UI, with electric purple for primary actions and cyan for secondary highlights.

#0F0A1A · #C800FF · #00FFFF

Cyber Pulse

Use for dynamic visual effects, progress indicators, or to highlight sections with energetic contrast.

#3A0C4A · #FF00FF · #00FFFF

Deep Electric

Creates a rich, layered dark theme, with electric purple providing a powerful accent.

#0F0A1A · #3A0C4A · #C800FF

CSS variables

:root {
  --neon-alley-thrill-1: #0F0A1A;
  --neon-alley-thrill-2: #C800FF;
  --neon-alley-thrill-3: #00FFFF;
  --neon-alley-thrill-4: #FF00FF;
  --neon-alley-thrill-5: #3A0C4A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-alley-thrill": {
        1: "#0F0A1A",
        2: "#C800FF",
        3: "#00FFFF",
        4: "#FF00FF",
        5: "#3A0C4A",
      }
    }
  }
}

Hex values

Color 1#0F0A1A

Color 2#C800FF

Color 3#00FFFF

Color 4#FF00FF

Color 5#3A0C4A

Accessibility

Contrast checker

4.5:1AA

15.5:1AAA

6.2:1AA

1.2:1Fail

4.5:1AA

3.4:1AA18

1.4:1Fail

3.7:1AA18

15.5:1AAA

3.4:1AA18

2.5:1Fail

12.6:1AAA

6.2:1AA

1.4:1Fail

2.5:1Fail

5:1AA

1.2:1Fail

3.7:1AA18

12.6:1AAA

5:1AA

Similar palettes

More like Neon Alley Thrill

View all vibrant

City Neon Jungle

Cyberpunk Alley Night

Cyberpunk City Glow

Cyberpunk Street Haze

Electric Future Drive

Neo Tokyo Pulse