Back to palettes

Palette

City Neon Pulse

A dynamic, high-energy mix of electric tones, echoing the dazzling, artificial lights of a bustling metropolis at night.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#00FFFF#ADFF2F#FFD700#6A5ACD

Palette guide

How to use City Neon Pulse

Overview

The "City Neon Pulse" palette delivers a dynamic, high-energy mix of electric tones, echoing the dazzling, artificial lights of a bustling metropolis at night. Featuring intense #FF00FF (magenta), bright #00FFFF (cyan), energetic #ADFF2F (chartreuse), and radiant #FFD700 (gold), all anchored by a deep #6A5ACD (slate blue), this palette is designed to create a vibrant pulse. Designers can leverage these vivid colors to craft visually arresting interfaces, impactful branding, and digital experiences that are modern and exciting. Developers will find these hex codes perfect for implementing glow effects, interactive highlights, and dynamic visual cues, making it ideal for entertainment, gaming, or cutting-edge technology projects.

Best used for

  • Gaming website interfaces
  • Concert and event promotions
  • Futuristic UI/UX designs
  • Creative portfolio showcases
  • Dynamic advertising campaigns
  • High-energy social media graphics

Suggested color roles

primary

#FF00FF - A powerful, electrifying magenta, excellent for main calls-to-action, primary headlines, or key brand elements that demand immediate attention.

secondary

#00FFFF - A brilliant cyan, perfect for supporting interactive elements, subheadings, or as a vibrant contrasting color to the primary.

accent

#ADFF2F - An energetic chartreuse, ideal for drawing focus to alerts, notifications, or as a dynamic visual highlight that pops.

background

#6A5ACD - A deep, rich slate blue, providing a sophisticated, dark canvas that allows the neon colors to glow intensely and create depth.

text

White or #FFD700 - Use white for primary body text against #6A5ACD for optimal readability. #FFD700 can be used for highlighted text or important informational elements.

Accessibility notes

  • Ensure significant contrast between neon colors and #6A5ACD for all text and interactive elements.
  • Avoid using multiple bright neon colors for extensive blocks of text to prevent eye strain.
  • Provide clear non-color-based indicators (e.g., icons) for interactive states to aid users with color vision deficiencies.
  • Use a true black or charcoal for critical legal or warning text if the palette's darker shades don't provide sufficient contrast.

Recommended combinations

Electric Night

Ideal for creating striking dark mode interfaces, setting a vibrant, nocturnal mood for digital platforms.

#6A5ACD · #FF00FF · #00FFFF

Dynamic Highlight

Perfect for drawing attention to specific data points, new features, or urgent notifications in an engaging way.

#6A5ACD · #ADFF2F · #FFD700

Pulse Contrast

Great for creating energetic visual branding, dynamic web banners, or game UI elements that need to stand out.

#FF00FF · #ADFF2F · #6A5ACD

CSS variables

:root {
  --city-neon-pulse-1: #FF00FF;
  --city-neon-pulse-2: #00FFFF;
  --city-neon-pulse-3: #ADFF2F;
  --city-neon-pulse-4: #FFD700;
  --city-neon-pulse-5: #6A5ACD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "city-neon-pulse": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#ADFF2F",
        4: "#FFD700",
        5: "#6A5ACD",
      }
    }
  }
}

Related searches

neon city lights palettefuturistic vibrant colorselectric nightlife schemedynamic UI color palettehigh energy digital design

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#00FFFF
·
Color 3#ADFF2F
·
Color 4#FFD700
·
Color 5#6A5ACD
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
2.6:1Fail
2.2:1Fail
1.7:1Fail
2
2.5:1Fail
1:1Fail
1.1:1Fail
4.2:1AA18
3
2.6:1Fail
1:1Fail
1.1:1Fail
4.3:1AA18
4
2.2:1Fail
1.1:1Fail
1.1:1Fail
3.8:1AA18
5
1.7:1Fail
4.2:1AA18
4.3:1AA18
3.8:1AA18

Similar palettes

More like City Neon Pulse

View all vibrant
Cyberpunk Alley Light
Cyberpunk Alley Neon
Downtown Neon Canvas
Electric City Neon
Electric Urban Pulse
Neo Tokyo Pop