Palette

Fluorescent Alley Beat

A jolt of electric colors that capture the exhilarating, artificial glow of a futuristic city at night.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Fluorescent Alley Beat 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 Fluorescent Alley Beat.

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

Data visualization

#E6007A#00A6ED#FFD400#7B2FBB#FF00FF

Palette guide

How to use Fluorescent Alley Beat

Overview

The Fluorescent Alley Beat palette offers a jolt of electric, vibrant colors that perfectly capture the exhilarating, artificial glow of a futuristic city at night. This dynamic collection, featuring striking hues like primary magenta #E6007A, electric blue #00A6ED, and vivid yellow #FFD400, is designed for projects demanding high energy and a bold statement. Designers and developers can leverage these neon shades to create immersive, high-impact visuals that resonate with themes of technology, urban exploration, and energetic nightlife, ensuring a memorable user experience.

Best used for

Cyberpunk game interfaces and branding
Nightclub and event promotion materials
Energetic tech startup websites
Youth-oriented fashion and apparel design
Vibrant digital art and illustrations
Interactive display installations

Suggested color roles

primary

Use #E6007A for impactful headlines, key navigational elements, or strong brand accents to command attention.

secondary

Apply #00A6ED for supporting graphics, subheadings, or interactive states, providing dynamic contrast to the primary hue.

accent

Utilize #FFD400 for calls-to-action, alerts, or small, critical details to ensure maximum visibility and energy.

background

Deep purple #7B2FBB can serve as a rich, dark background for sections, allowing neon elements to pop, or pair with true black for ultimate contrast.

text

White or a very light grey offers optimal readability against the darker, more saturated palette colors, or use #FF00FF for vibrant, short-form text.

Accessibility notes

Ensure sufficient contrast when pairing neon colors, especially for text; white text on #E6007A is usually good.
Avoid using two highly saturated neon colors for text and background without careful contrast checking.
Small text in #FFD400 or #FF00FF may be difficult to read on light backgrounds; reserve for larger display text.
Provide alternative text styles (e.g., darker shades) for users with color vision deficiencies or light sensitivity.

Recommended combinations

Neon Pop

For high-energy branding or interactive elements where maximum visual impact is desired.

#E6007A · #FFD400 · #00A6ED

Cyber Glow

To create a futuristic, mysterious aesthetic, ideal for backgrounds with glowing accents.

#7B2FBB · #FF00FF · #00A6ED

Urban Pulse

A balanced trio for dynamic layouts, ensuring visual excitement without overwhelming.

#E6007A · #00A6ED · #FFD400

CSS variables

:root {
  --fluorescent-alley-beat-1: #E6007A;
  --fluorescent-alley-beat-2: #00A6ED;
  --fluorescent-alley-beat-3: #FFD400;
  --fluorescent-alley-beat-4: #7B2FBB;
  --fluorescent-alley-beat-5: #FF00FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fluorescent-alley-beat": {
        1: "#E6007A",
        2: "#00A6ED",
        3: "#FFD400",
        4: "#7B2FBB",
        5: "#FF00FF",
      }
    }
  }
}

Hex values

Color 1#E6007A

Color 2#00A6ED

Color 3#FFD400

Color 4#7B2FBB

Color 5#FF00FF

Accessibility

Contrast checker

1.7:1Fail

3.2:1AA18

1.6:1Fail

1.4:1Fail

1.7:1Fail

1.9:1Fail

2.6:1Fail

1.1:1Fail

3.2:1AA18

1.9:1Fail

4.9:1AA

2.2:1Fail

1.6:1Fail

2.6:1Fail

4.9:1AA

2.3:1Fail

1.4:1Fail

1.1:1Fail

2.2:1Fail

2.3:1Fail

Similar palettes

More like Fluorescent Alley Beat

View all vibrant

Cyber Glow Graffiti

Cyberpunk Electric Surge