Back to palettes

Palette

Cyber City Synth

Electric and bold, this palette captures the glowing, dynamic energy of a futuristic cybernetic cityscape at night.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cyber City Synth 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 Cyber City Synth.

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

Data visualization

#00FFFF#00CED1#8A2BE2#FF1493#FFFF00

Palette guide

How to use Cyber City Synth

Overview

The Cyber City Synth palette is a dazzling collection of electric and bold colors, perfectly capturing the dynamic energy of a futuristic cityscape. Featuring the vibrant cyan of #00FFFF, the striking magenta of #FF1493, and the classic neon yellow of #FFFF00, this palette is designed to pop. #00CED1 provides a slightly muted yet still energetic blue-green, while #8A2BE2 adds a deep, compelling purple. Designers can leverage these hex codes to create high-impact interfaces, eye-catching branding, or captivating digital art that pulses with synthetic, cybernetic energy. Developers will find these colors excellent for creating UI elements that are both distinct and memorable.

Best used for

  • Cyberpunk game interfaces and HUDs
  • Electronic music visuals and album covers
  • Sci-fi film posters and promotional materials
  • Vibrant tech product branding
  • Dynamic website hero sections
  • Abstract digital art and motion graphics

Suggested color roles

primary

#00FFFF - A brilliant, energetic cyan, ideal for main brand elements, significant calls-to-action, or prominent UI features.

secondary

#FF1493 - A dazzling, hot pink/magenta, perfect for complementary sections, secondary navigation, or impactful graphic accents.

accent

#FFFF00 - A pure, vibrant yellow, providing a powerful, almost aggressive highlight for interactive elements or warnings.

background

#8A2BE2 - A deep, rich blue-violet that offers a strong, dark base for the brighter neon colors to truly glow against.

text

#00FFFF - This neon cyan is excellent for headings or short, impactful text against dark backgrounds like #8A2BE2. For body text, consider a crisp white or light gray.

Accessibility notes

  • Strictly ensure high contrast for all text, as many colors are extremely vibrant and can be difficult to read on each other.
  • Avoid using #00FFFF and #00CED1 for text on similar backgrounds, as their contrast might be insufficient.
  • The extreme brightness of #FFFF00 requires very dark text (e.g., black or a deep charcoal) to be legible on it.
  • Exercise caution for color blind users; the strong reliance on hue differences may pose challenges for distinguishing elements.

Recommended combinations

Neon Circuitry

A dark, immersive background with glowing cyan and yellow elements, suitable for tech interfaces or data displays.

#8A2BE2 · #00FFFF · #FFFF00

Synthwave Sunset

Dynamic, high-energy compositions for hero sections or transition effects, mimicking a vibrant digital sunset.

#FF1493 · #FFFF00 · #00CED1

Electric Pulse

Bold, contrasting elements for calls-to-action, progress indicators, or striking graphical overlays.

#00FFFF · #FF1493 · #8A2BE2

CSS variables

:root {
  --cyber-city-synth-1: #00FFFF;
  --cyber-city-synth-2: #00CED1;
  --cyber-city-synth-3: #8A2BE2;
  --cyber-city-synth-4: #FF1493;
  --cyber-city-synth-5: #FFFF00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cyber-city-synth": {
        1: "#00FFFF",
        2: "#00CED1",
        3: "#8A2BE2",
        4: "#FF1493",
        5: "#FFFF00",
      }
    }
  }
}

Related searches

vibrant cyberpunk color schemeneon tech design palettefuturistic synthwave aestheticelectric city glow colorsbright digital ui theme

Palette colors

Hex values

Color 1#00FFFF
·
Color 2#00CED1
·
Color 3#8A2BE2
·
Color 4#FF1493
·
Color 5#FFFF00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
4.8:1AA
2.9:1Fail
1.2:1Fail
2
1.6:1Fail
3:1AA18
1.9:1Fail
1.8:1Fail
3
4.8:1AA
3:1AA18
1.6:1Fail
5.5:1AA
4
2.9:1Fail
1.9:1Fail
1.6:1Fail
3.4:1AA18
5
1.2:1Fail
1.8:1Fail
5.5:1AA
3.4:1AA18

Similar palettes

More like Cyber City Synth

View all vibrant
Electric Synth Pulse
Neon Glitch Grid
Cyber Neon Pulse
Cybernetic Funk
Cybernetic Glitch Neon
Cyberpunk Afterglow