Back to palettes

Palette

Neon City Pulse

An electrifying array of highly saturated, glowing colors that mimic the pulsating lights of a cyber city.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#00FFCA#00BFFF#FF00FF#FFC0CB#FFFF00

Palette guide

How to use Neon City Pulse

Overview

The Neon City Pulse palette presents an electrifying array of highly saturated, glowing colors that mimic the pulsating lights of a cyber city. Featuring #00FFCA (turquoise), #00BFFF (deep sky blue), #FF00FF (magenta), #FFC0CB (pink), and #FFFF00 (yellow), this palette is pure, unadulterated vibrancy. Designers and developers can leverage these intense hues to create stunning digital art, futuristic fashion branding, or incredibly energetic app interfaces. It's an excellent choice for projects demanding a bright, dynamic, and visually stimulating aesthetic that perfectly captures the essence of a modern, glowing urban landscape.

Best used for

  • Digital art and abstract graphics
  • Futuristic fashion and beauty branding
  • Vibrant website hero sections and landing pages
  • Youth-oriented content and social media campaigns
  • Energetic app interfaces and interactive experiences
  • Music video visuals and event projections

Suggested color roles

primary

Use #00BFFF (Deep Sky Blue) as a bright, cool, and inviting primary color for key sections or dominant UI elements.

secondary

Employ #FF00FF (Magenta) for bold, energetic complements, secondary interactive elements, or striking graphic accents.

accent

Apply #FFFF00 (Yellow) for the highest pop, crucial call-to-action buttons, or to signify vital, attention-grabbing information.

background

While not in the palette, a very dark neutral like black or charcoal is highly recommended to make these bright colors truly shine and provide contrast.

text

For headlines, #FFFF00 or #00FFCA offer excellent visibility. For body text, a neutral dark color on a light background, or white on dark, is recommended.

Accessibility notes

  • These colors are very bright; ensure they are used on a sufficiently dark background (e.g., black or dark gray) for readability.
  • #FFC0CB (Pink) might not provide enough contrast with other bright colors or a light background; use with caution for text.
  • Avoid using #FF00FF and #FFC0CB for small text if they are adjacent, as their distinction might be difficult for some colorblind users.
  • For body text, use a neutral color like white or light gray on a dark background, or a dark charcoal on a light background for optimal legibility.

Recommended combinations

Cool Digital Interface

Ideal for clean, modern interface elements, data visualization, and navigation in a vibrant design.

#00FFCA · #00BFFF · #FFFF00

Energetic Pop Accents

Perfect for vibrant graphics, playful branding elements, or dynamic hero sections that need to stand out.

#FF00FF · #FFC0CB · #00BFFF

High Contrast Glow

Excellent for striking headers, urgent call-to-action buttons, or powerful visual statements.

#FFFF00 · #00FFCA · #FF00FF

CSS variables

:root {
  --neon-city-pulse-4-1: #00FFCA;
  --neon-city-pulse-4-2: #00BFFF;
  --neon-city-pulse-4-3: #FF00FF;
  --neon-city-pulse-4-4: #FFC0CB;
  --neon-city-pulse-4-5: #FFFF00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-city-pulse-4": {
        1: "#00FFCA",
        2: "#00BFFF",
        3: "#FF00FF",
        4: "#FFC0CB",
        5: "#FFFF00",
      }
    }
  }
}

Related searches

bright cyber city colorsvibrant digital paletteneon futuristic designenergetic pastel neonglowing ui scheme

Palette colors

Hex values

Color 1#00FFCA
·
Color 2#00BFFF
·
Color 3#FF00FF
·
Color 4#FFC0CB
·
Color 5#FFFF00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.4:1Fail
1.2:1Fail
1.2:1Fail
2
1.6:1Fail
1.5:1Fail
1.4:1Fail
2:1Fail
3
2.4:1Fail
1.5:1Fail
2:1Fail
2.9:1Fail
4
1.2:1Fail
1.4:1Fail
2:1Fail
1.4:1Fail
5
1.2:1Fail
2:1Fail
2.9:1Fail
1.4:1Fail

Similar palettes

More like Neon City Pulse

View all vibrant
Cybernetic Spectrum Surge
Digital Plasma Burst
Neon Arcade Nights
Neon Arcade Nights
Neon City Circuit
Techno Grid Surge