Palette

Neon Alley Glint

Captures the raw energy and dramatic contrasts of neon signs reflecting on a dark city alley.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#00FFD0#7B00FF#0A0A0A#FF3366

Palette guide

How to use Neon Alley Glint

Overview

The 'Neon Alley Glint' palette captures the raw energy and dramatic contrasts of neon signs reflecting on a dark city alley. It grounds itself with a sophisticated #0A0A0A (Near Black) base, allowing the intense #FF00FF (Vivid Magenta), #00FFD0 (Teal), #7B00FF (Electric Violet), and #FF3366 (Hot Pink) to truly pop. This daring and vibrant collection is perfect for designers and developers aiming to create high-impact, modern, and slightly mysterious digital experiences. Its jewel-toned neons against a deep dark create a luxurious yet edgy aesthetic, ideal for projects that demand attention.

Best used for

luxury tech brand identity
urban fashion editorials
artistic game UI design
dark mode applications
music album covers
futuristic event promotions

Suggested color roles

primary

Utilize #00FFD0 (Teal) as a prominent, cool primary color for main interactive elements, key information, or graphical accents, offering a striking, modern glow.

secondary

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

accent

Apply #FF3366 (Hot Pink) sparingly for critical highlights, small icons, or to create a sharp, attention-grabbing visual pop, enhancing dynamism.

background

The deep #0A0A0A (Near Black) serves as an excellent primary background, providing a rich, sophisticated canvas that makes the neon accents truly glint.

text

For body text, use a crisp white or very light gray (e.g., #F0F0F0) against #0A0A0A. For headings, #00FFD0 or #FF00FF provide excellent visibility and impact.

Accessibility notes

Ensure all text against the #0A0A0A background uses high-contrast colors like #00FFD0, #FF00FF, or white for optimal readability.
Avoid using #7B00FF for small text against dark backgrounds, as its contrast might be insufficient for some users.
When using #FF3366 and #FF00FF in close proximity, consider potential color blindness issues and provide alternative visual cues.
Interactive elements should have clearly defined focus states using the brightest neons to ensure usability and visual feedback.

Recommended combinations

Dark UI Contrast

Forms the core of a dark-themed UI, with the deep background highlighting vibrant primary and secondary interactive elements.

#0A0A0A · #00FFD0 · #FF00FF

Dramatic Highlight

Perfect for drawing attention to specific features, alerts, or small, impactful graphical elements with a luxurious edge.

#7B00FF · #FF3366 · #00FFD0

Dynamic Overlay

Use for layered graphics, subtle background gradients, or visual transitions to add depth and a shimmering, glinting effect.

#FF00FF · #00FFD0 · #7B00FF

CSS variables

:root {
  --neon-alley-glint-1: #FF00FF;
  --neon-alley-glint-2: #00FFD0;
  --neon-alley-glint-3: #7B00FF;
  --neon-alley-glint-4: #0A0A0A;
  --neon-alley-glint-5: #FF3366;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-alley-glint": {
        1: "#FF00FF",
        2: "#00FFD0",
        3: "#7B00FF",
        4: "#0A0A0A",
        5: "#FF3366",
      }
    }
  }
}

Hex values

Color 1#FF00FF

Color 2#00FFD0

Color 3#7B00FF

Color 4#0A0A0A

Color 5#FF3366

Accessibility

Contrast checker

2.4:1Fail

2:1Fail

6.3:1AA

1.1:1Fail

2.4:1Fail

4.9:1AA

15.3:1AAA

2.7:1Fail

2:1Fail

4.9:1AA

3.1:1AA18

1.8:1Fail

6.3:1AA

15.3:1AAA

3.1:1AA18

5.6:1AA

1.1:1Fail

2.7:1Fail

1.8:1Fail

5.6:1AA

Similar palettes

More like Neon Alley Glint