Palette

Neon Urban Pulse

A dynamic blend of electric neons against deep urban shadows, echoing city nightlife.

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

#FF0066#00FFFF#FFD700#663399#202020

Palette guide

How to use Neon Urban Pulse

Overview

The Neon Urban Pulse palette, featuring vibrant hues like electric pink #FF0066, dazzling cyan #00FFFF, and radiant gold #FFD700, set against a deep urban backdrop of royal purple #663399 and charcoal black #202020, is engineered for designs demanding high energy and a futuristic edge. This dynamic collection is perfect for capturing the essence of city lights at night, providing stark contrast and visual excitement. Designers can leverage these colors to create immersive digital experiences, striking branding, or captivating UI elements that pop, ensuring a memorable and modern aesthetic. Developers will find these hex codes straightforward for implementing bold themes in web and app interfaces, particularly where a dark mode is prevalent and vibrant accents are desired for interactive elements.

Best used for

Cyberpunk game interfaces and HUDs
Music festival branding and event posters
Tech startup websites and mobile apps
Fashion or streetwear e-commerce sites
Dynamic motion graphics and video intros
Nightclub or bar promotional materials

Suggested color roles

primary

#FF0066 (Electric Pink) - Ideal for primary calls-to-action, key headlines, or brand focal points that demand immediate attention.

secondary

#00FFFF (Dazzling Cyan) - Excellent for secondary navigation, interactive elements, or highlighting data points, providing a cool contrast.

accent

#FFD700 (Radiant Gold) - Use sparingly for subtle highlights, icons, or premium features to add a touch of luxury and warmth.

background

#202020 (Charcoal Black) - Provides a deep, sophisticated base that allows the neon colors to truly glow and stand out.

text

#663399 (Royal Purple) - Suitable for larger subheadings or decorative text. For body text, consider a near-white like #F0F0F0 against #202020 for optimal readability.

Accessibility notes

Ensure #FF0066 and #00FFFF have sufficient contrast against #202020 for body text; aim for larger fonts or use as accents.
Avoid placing #FFD700 directly on #00FFFF or #FF0066 without a dark separator due to low luminance contrast.
Always test color combinations with accessibility tools, especially for WCAG AA or AAA compliance.
Use #202020 as a background primarily, as its dark nature can make light text highly readable.

Recommended combinations

Cyber Glow

Perfect for dark mode UIs where the pink and cyan serve as interactive elements and primary highlights against a deep base.

#202020 · #FF0066 · #00FFFF

Electric Pop

Creates a vibrant, energetic visual for event flyers or creative branding, with gold as a striking accent.

#663399 · #FFD700 · #FF0066

Digital Night

A sophisticated, cool-toned combination suitable for tech interfaces or abstract digital art, offering depth and clarity.

#202020 · #663399 · #00FFFF

CSS variables

:root {
  --neon-urban-pulse-4-1: #FF0066;
  --neon-urban-pulse-4-2: #00FFFF;
  --neon-urban-pulse-4-3: #FFD700;
  --neon-urban-pulse-4-4: #663399;
  --neon-urban-pulse-4-5: #202020;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-urban-pulse-4": {
        1: "#FF0066",
        2: "#00FFFF",
        3: "#FFD700",
        4: "#663399",
        5: "#202020",
      }
    }
  }
}

Hex values

Color 1#FF0066

Color 2#00FFFF

Color 3#FFD700

Color 4#663399

Color 5#202020

Accessibility

Contrast checker

3.1:1AA18

2.8:1Fail

2.2:1Fail

4.2:1AA18

3.1:1AA18

1.1:1Fail

6.7:1AA

13:1AAA

2.8:1Fail

1.1:1Fail

6:1AA

11.6:1AAA

2.2:1Fail

6.7:1AA

6:1AA

1.9:1Fail

4.2:1AA18

13:1AAA

11.6:1AAA

1.9:1Fail

Similar palettes

More like Neon Urban Pulse

View all vibrant

City Neon Jungle

Electric City Night

Electric Future Drive

Neo Tokyo Pulse

Neon Alley Thrill

Urban Neon Alley