Back to palettes

Palette

Neon Urban Pulse

An electrifying urban vibe with high-contrast, glowing colors of a bustling cyberpunk city.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Neon Urban Pulse 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 Urban Pulse.

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

Data visualization

#FF00FF#00FFFF#39FF14#FF1493#FFFF00

Palette guide

How to use Neon Urban Pulse

Overview

The Neon Urban Pulse palette is a high-octane collection designed to evoke the electrifying energy of a cyberpunk city. Featuring intense fuchsia #FF00FF, vivid cyan #00FFFF, glowing lime green #39FF14, hot pink #FF1493, and brilliant yellow #FFFF00, this palette delivers maximum impact. It's ideal for projects that require a bold, futuristic, and energetic aesthetic, offering designers a powerful toolset for creating visually striking interfaces, branding, or digital art. Developers will find these stark contrasts excellent for highlighting interactive elements and establishing clear visual hierarchies in dark-themed applications or websites, ensuring a modern and unforgettable user experience.

Best used for

  • Cyberpunk game aesthetics and character design
  • EDM music festival branding and concert visuals
  • Interactive digital art installations
  • Futuristic tech product launches
  • Streetwear fashion branding
  • High-energy social media campaigns

Suggested color roles

primary

#FF00FF (Intense Fuchsia) - Use for critical calls-to-action, main headlines, or dominant brand elements to command attention.

secondary

#00FFFF (Vivid Cyan) - Perfect for secondary information, navigation links, or interactive hover states, providing a sharp contrast.

accent

#39FF14 (Glowing Lime Green) - Apply sparingly for pop-up notifications, success indicators, or unique graphical accents.

background

#FF1493 (Hot Pink) - Can serve as a vibrant background for sections needing high energy, or as a strong brand color. For dark backgrounds, use charcoal or black.

text

#FFFF00 (Brilliant Yellow) - Effective for short, impactful text or headlines against dark backgrounds. For body text, consider black or a very dark gray for readability.

Accessibility notes

  • High contrast is present, but ensure #FFFF00 on #39FF14 or similar bright combinations are avoided for readability.
  • Always test text legibility, especially when using bright neons for body copy; reserve them for accents or large titles.
  • Provide alternative text descriptions for color-coded information, as color perception varies.
  • Ensure sufficient contrast when layering neon colors, particularly for users with color vision deficiencies.

Recommended combinations

Cyber Glow

A classic neon trio for digital interfaces, game HUDs, or futuristic branding, providing high visual impact.

#FF00FF · #00FFFF · #39FF14

Pink Shock

Creates an energetic and playful vibe, suitable for youth-oriented brands, event promotions, or vibrant illustrations.

#FF1493 · #FFFF00 · #00FFFF

Electric Core

An intense, almost overwhelming combination best used for bold accents, striking patterns, or attention-grabbing calls-to-action.

#FF00FF · #39FF14 · #FFFF00

CSS variables

:root {
  --neon-urban-pulse-1: #FF00FF;
  --neon-urban-pulse-2: #00FFFF;
  --neon-urban-pulse-3: #39FF14;
  --neon-urban-pulse-4: #FF1493;
  --neon-urban-pulse-5: #FFFF00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-urban-pulse": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#39FF14",
        4: "#FF1493",
        5: "#FFFF00",
      }
    }
  }
}

Related searches

neon city color palettefuturistic UI colorsvibrant cyberpunk aestheticelectric pink green cyan hexhigh contrast neon design

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#00FFFF
·
Color 3#39FF14
·
Color 4#FF1493
·
Color 5#FFFF00
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
2.3:1Fail
1.2:1Fail
2.9:1Fail
2
2.5:1Fail
1.1:1Fail
2.9:1Fail
1.2:1Fail
3
2.3:1Fail
1.1:1Fail
2.7:1Fail
1.3:1Fail
4
1.2:1Fail
2.9:1Fail
2.7:1Fail
3.4:1AA18
5
2.9:1Fail
1.2:1Fail
1.3:1Fail
3.4:1AA18

Similar palettes

More like Neon Urban Pulse

View all vibrant
Neon Future City
City Neon Pulse
Cosmic Ray Burst
Cyber Glow Spectrum
Cyberpunk Alley Light
Cyberpunk Alley Neon