Palette

Electric City Vibe

Bold, artificial colors reflecting the dynamic, pulsing energy and neon glow of a modern city night.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Electric City Vibe 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 Electric City Vibe.

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

Data visualization

#00FFFF#FF00FF#FFFF00#39FF14#8A2BE2

Palette guide

How to use Electric City Vibe

Overview

The 'Electric City Vibe' palette features bold, artificial colors reflecting the dynamic, pulsing energy and neon glow of a modern city night. With intense #00FFFF cyan, vibrant #FF00FF magenta, brilliant #FFFF00 yellow, electric #39FF14 green, and rich #8A2BE2 purple, this scheme is a highly versatile and energetic collection. It's perfect for designs that need to capture attention and convey excitement, ideal for event promotion, gaming, or youth-oriented branding.

Best used for

Event promotion and digital flyers
Gaming interfaces and streaming overlays
Youth-oriented branding and marketing
Digital art and abstract visuals
Motion graphics and animated content
Tech startup visuals and presentations

Suggested color roles

primary

Utilize #00FFFF as the dominant electric cyan for main calls-to-action, prominent headings, or large graphical elements that demand attention.

secondary

Employ #FF00FF for strong supporting elements, subheadings, or to create a vibrant contrast with the primary cyan, adding dynamic energy.

accent

Apply #FFFF00 or #39FF14 sparingly for high-energy highlights, glowing effects, notifications, or small details that need to pop dramatically.

background

For maximum neon effect, use a deep charcoal or black background. White can also create a clean, vibrant look.

text

On dark backgrounds, use white or a very light grey for readability. On light backgrounds, black or dark grey is recommended. #8A2BE2 can be used for distinctive headings.

Accessibility notes

High contrast is essential for readability with such vibrant colors. Use brights for headlines and accents, not small body text.
Ensure sufficient contrast when pairing #8A2BE2 with other colors, especially on dark backgrounds.
Be mindful of red/green combinations (#39FF14 and potential red accents) for colorblind users when conveying different states.
Test all text and interactive elements for WCAG contrast compliance, especially when combining highly saturated hues.

Recommended combinations

Neon City Pop

A classic neon trio for energetic backgrounds, striking headlines, or dynamic animated elements in digital ads or game UI.

#00FFFF · #FF00FF · #FFFF00

Electric Purple Contrast

Combine these for a playful, high-contrast effect perfect for festival branding, where #8A2BE2 provides depth and #39FF14 and #FFFF00 add vibrant energy.

#8A2BE2 · #39FF14 · #FFFF00

Vibrant Urban Mix

Use for clear, impactful visuals where #00FFFF provides a luminous base with #8A2BE2 adding depth and #39FF14 a sharp, energetic accent.

#00FFFF · #8A2BE2 · #39FF14

CSS variables

:root {
  --electric-city-vibe-1: #00FFFF;
  --electric-city-vibe-2: #FF00FF;
  --electric-city-vibe-3: #FFFF00;
  --electric-city-vibe-4: #39FF14;
  --electric-city-vibe-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electric-city-vibe": {
        1: "#00FFFF",
        2: "#FF00FF",
        3: "#FFFF00",
        4: "#39FF14",
        5: "#8A2BE2",
      }
    }
  }
}

Hex values

Color 1#00FFFF

Color 2#FF00FF

Color 3#FFFF00

Color 4#39FF14

Color 5#8A2BE2

Accessibility

Contrast checker

2.5:1Fail

1.2:1Fail

1.1:1Fail

4.8:1AA

2.5:1Fail

2.9:1Fail

2.3:1Fail

1.9:1Fail

1.2:1Fail

2.9:1Fail

1.3:1Fail

5.5:1AA

1.1:1Fail

2.3:1Fail

1.3:1Fail

4.4:1AA18

4.8:1AA

1.9:1Fail

5.5:1AA

4.4:1AA18

Similar palettes

More like Electric City Vibe

View all vibrant

Cosmic Ray Burst

Cyberpunk Street Beat

Electric Night Cityscape

Electro City Beat

Neon Arcade Nights

Neon Future City