Back to palettes

Palette

Electric City Drive

Dynamic, shimmering blues that evoke the cool, digital glow of a modern city at night.

coolenergetic5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#00BFFF#33A8FF#66CCFF#99E0FF#0066CC

Palette guide

How to use Electric City Drive

Overview

The "Electric City Drive" palette features dynamic, shimmering blues that evoke the cool, digital glow of a modern city at night. It progresses from a brilliant Deep Sky Blue (#00BFFF) and a vibrant Dodger Blue (#33A8FF) through lighter, ethereal shades like #66CCFF and #99E0FF. A deep, anchoring Dark Blue (#0066CC) provides a strong foundation. This cohesive, cool-toned palette is perfect for designers creating sleek, urban, or tech-infused digital experiences. Developers can leverage these harmonious hues to build engaging UIs, navigation elements, or atmospheric backgrounds that feel sophisticated, futuristic, and visually integrated.

Best used for

  • Urban tech company branding or websites
  • Smart city initiative promotions
  • Automotive design or electric vehicle marketing
  • Modern architectural visualization
  • Nightlife or entertainment app interfaces
  • Digital art with a cool, metropolitan theme

Suggested color roles

primary

#00BFFF (Deep Sky Blue) - Use for main interactive elements, prominent headings, or to signify active states with a high-energy, cool glow.

secondary

#33A8FF (Dodger Blue) - Ideal for subheadings, secondary buttons, or background sections that need a slightly deeper, yet still vibrant blue.

accent

#0066CC (Dark Blue) - Perfect for small, impactful highlights, icons, or to introduce a strong, grounding contrast.

background

#99E0FF (Light Sky Blue) - A very light, ethereal background that allows the brighter and deeper blues to pop, creating an open, luminous effect.

text

#0066CC (Dark Blue) - Offers excellent readability on very light backgrounds like #99E0FF or #66CCFF. For darker backgrounds, white or near-white is recommended.

Accessibility notes

  • Ensure adequate contrast for text, especially between adjacent light blues.
  • Avoid using #99E0FF or #66CCFF for small body text on similarly light backgrounds.
  • For interactive elements, use #00BFFF or #0066CC to ensure clear visual cues.
  • Consider using a dark charcoal or black text for maximum readability on the palest backgrounds if palette colors don't meet requirements.

Recommended combinations

Cityscape Glow

A light background with deep sky blue text and dark blue accents, for sleek urban interfaces.

#99E0FF · #00BFFF · #0066CC

Digital Highway

A smooth transition of blues, ideal for animated backgrounds, progress bars, or layered UI elements.

#00BFFF · #33A8FF · #66CCFF

Night Drive

A strong dark blue base with vibrant mid-tones and a light accent, suitable for footers or distinct content blocks.

#0066CC · #33A8FF · #99E0FF

CSS variables

:root {
  --electric-city-drive-1: #00BFFF;
  --electric-city-drive-2: #33A8FF;
  --electric-city-drive-3: #66CCFF;
  --electric-city-drive-4: #99E0FF;
  --electric-city-drive-5: #0066CC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electric-city-drive": {
        1: "#00BFFF",
        2: "#33A8FF",
        3: "#66CCFF",
        4: "#99E0FF",
        5: "#0066CC",
      }
    }
  }
}

Related searches

electric city bluemodern urban palettecool digital glowsleek blue UIfuturistic city night colors

Palette colors

Hex values

Color 1#00BFFF
·
Color 2#33A8FF
·
Color 3#66CCFF
·
Color 4#99E0FF
·
Color 5#0066CC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.2:1Fail
1.5:1Fail
2.6:1Fail
2
1.2:1Fail
1.4:1Fail
1.8:1Fail
2.2:1Fail
3
1.2:1Fail
1.4:1Fail
1.2:1Fail
3.1:1AA18
4
1.5:1Fail
1.8:1Fail
1.2:1Fail
3.8:1AA18
5
2.6:1Fail
2.2:1Fail
3.1:1AA18
3.8:1AA18

Similar palettes

More like Electric City Drive

View all cool
Urban Rain Slicker
Rainy Metropolis Neon
Abstract Ocean Currents
Aegean Blue Depths
Aqua Marine Sparkle
Arctic Aurora Hues