Back to palettes

Palette

Cybernetic Urban Glow

A striking blend of electric neon and dark urban grit, symbolizing a futuristic cityscape at night.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cybernetic Urban Glow 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 Cybernetic Urban Glow.

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

Data visualization

#FF00A0#00BFFF#333333#000000#CCCCCC

Palette guide

How to use Cybernetic Urban Glow

Overview

The Cybernetic Urban Glow palette is a striking blend of electric neon and dark urban grit, symbolizing a futuristic cityscape at night. It features a vibrant hot pink (#FF00A0) and a brilliant deep sky blue (#00BFFF) as its primary luminaries, anchored by pure black (#000000), deep charcoal (#333333), and a bright silver-gray (#CCCCCC). This palette is designed for designers and developers seeking to create bold, dynamic, and modern visual experiences. Its high contrast and energetic mood are perfect for conveying innovation, urban sophistication, and the pulsating energy of a high-tech metropolis.

Best used for

  • Cyberpunk game UIs and environment design
  • Digital art and illustration with urban night scenes
  • Fashion and streetwear branding with a futuristic edge
  • Tech startup websites and app interfaces
  • Event promotions for nightlife or electronic music festivals
  • Motion graphics simulating neon signs and reflections

Suggested color roles

primary

Use #FF00A0 (Hot Pink) for main interactive elements, key highlights, or branding that needs to convey energy and boldness.

secondary

Apply #00BFFF (Deep Sky Blue) for secondary calls-to-action, data visualizations, or to create a cool, digital contrast.

accent

Reserve #CCCCCC (Bright Silver-Gray) for subtle highlights, borders, or to add a metallic sheen to elements against dark backgrounds.

background

Utilize #000000 (Pure Black) as the foundational dark canvas, providing a stark contrast that makes the neon colors truly burst and glow.

text

Pair #CCCCCC (Bright Silver-Gray) or #00BFFF (Deep Sky Blue) for headings; use white for general body text on dark backgrounds.

Accessibility notes

  • Ensure high contrast for text. #CCCCCC and #00BFFF on #000000 are excellent. Check #FF00A0 on #000000 for smaller text.
  • Avoid using #333333 and #000000 for critical information if color is the sole differentiator, as their contrast might be insufficient.
  • Use #000000 provides an excellent dark background for lighter, luminous text, ensuring good readability.
  • For critical information, always provide alternative visual cues (icons, underlines) in addition to color.

Recommended combinations

Neon City

A dark background with hot pink for neon signs and deep sky blue for reflective surfaces or digital displays.

#000000 · #FF00A0 · #00BFFF

Urban Tech

Use for layered designs, with charcoal as a base, deep sky blue for main elements, and silver-gray for details.

#333333 · #00BFFF · #CCCCCC

Digital Pulse

Combine these vibrant hues for dynamic animations, loading indicators, or energetic transitions, representing urban energy.

#FF00A0 · #00BFFF · #CCCCCC

CSS variables

:root {
  --cybernetic-urban-glow-1: #FF00A0;
  --cybernetic-urban-glow-2: #00BFFF;
  --cybernetic-urban-glow-3: #333333;
  --cybernetic-urban-glow-4: #000000;
  --cybernetic-urban-glow-5: #CCCCCC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cybernetic-urban-glow": {
        1: "#FF00A0",
        2: "#00BFFF",
        3: "#333333",
        4: "#000000",
        5: "#CCCCCC",
      }
    }
  }
}

Related searches

cyberpunk urban paletteneon city night colorsfuturistic tech glowdark mode vibrant UIelectric pink blue aesthetic

Palette colors

Hex values

Color 1#FF00A0
·
Color 2#00BFFF
·
Color 3#333333
·
Color 4#000000
·
Color 5#CCCCCC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.5:1AA18
5.8:1AA
2.3:1Fail
2
1.7:1Fail
6:1AA
9.9:1AAA
1.3:1Fail
3
3.5:1AA18
6:1AA
1.7:1Fail
7.9:1AAA
4
5.8:1AA
9.9:1AAA
1.7:1Fail
13.1:1AAA
5
2.3:1Fail
1.3:1Fail
7.9:1AAA
13.1:1AAA

Similar palettes

More like Cybernetic Urban Glow

View all vibrant
Cyberpunk City Glow
Cyberpunk Glitch
Cyberpunk Street Haze
Neo Cyber City
AI Data Stream
City Neon Jungle