Back to palettes

Palette

Cybernetic Voltage Surge

A surge of vibrant blues and purples, mirroring the intense energy of an electric current.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cybernetic Voltage Surge 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 Voltage Surge.

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

Data visualization

#00FFFF#00AEEF#2F00FF#8F00FF#D400FF

Palette guide

How to use Cybernetic Voltage Surge

Overview

The Cybernetic Voltage Surge palette is an intense, electric burst of blues and purples, mirroring the powerful energy of an electric current. It features brilliant electric cyan (#00FFFF) and a vibrant sky blue (#00AEEF), transitioning into deep, commanding purples like indigo-violet (#2F00FF), rich royal purple (#8F00FF), and a striking magenta-violet (#D400FF). This palette is designed for designers and developers seeking to create dynamic, high-impact visuals that convey raw power, digital energy, and a cutting-edge aesthetic. Its progressive intensity is perfect for captivating audiences and expressing a sense of technological force.

Best used for

  • Sci-fi game UIs and power-up indicators
  • Digital art and motion graphics with energy themes
  • Esports branding and live streaming graphics
  • Tech product launches and advertising campaigns
  • Interactive installations simulating energy flows
  • Fashion or accessory branding with an edgy, tech-inspired vibe

Suggested color roles

primary

Use #00FFFF (Electric Cyan) for main interactive elements, key highlights, or branding that needs to convey clarity and high energy.

secondary

Apply #00AEEF (Vibrant Sky Blue) for secondary calls-to-action, data visualizations, or to create a bright, open contrast.

accent

Reserve #D400FF (Magenta-Violet) for warnings, critical alerts, or dramatic visual flair, providing a strong, energetic pop.

background

A deep black or dark charcoal background (not in palette, implied) is crucial to make these colors truly surge and glow.

text

Pair #00FFFF (Electric Cyan) or #00AEEF (Vibrant Sky Blue) for headings; use white for general body text on dark backgrounds.

Accessibility notes

  • Ensure high contrast for text. #00FFFF and #00AEEF on a dark background (e.g., black) are generally good. Check #D400FF on a dark background for smaller text.
  • Avoid using #2F00FF, #8F00FF, and #D400FF in close proximity for critical information if color is the sole differentiator, due to their similar hue family and potential for color blindness issues.
  • A deep dark background provides an excellent canvas for lighter, luminous text, ensuring good readability.
  • For critical information, always provide alternative visual cues (icons, underlines) in addition to color.

Recommended combinations

Voltage Flow

Create a flowing energy effect, from bright cyan to deep indigo, ideal for power bars or animated lines.

#00FFFF · #00AEEF · #2F00FF

Power Surge

Use for dynamic animations or interactive states, showing an increase in energy or intensity.

#00AEEF · #8F00FF · #D400FF

Cyber Circuit

A deep purple base with royal purple for structural elements and electric cyan for active connections or data points.

#2F00FF · #8F00FF · #00FFFF

CSS variables

:root {
  --cybernetic-voltage-surge-1: #00FFFF;
  --cybernetic-voltage-surge-2: #00AEEF;
  --cybernetic-voltage-surge-3: #2F00FF;
  --cybernetic-voltage-surge-4: #8F00FF;
  --cybernetic-voltage-surge-5: #D400FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cybernetic-voltage-surge": {
        1: "#00FFFF",
        2: "#00AEEF",
        3: "#2F00FF",
        4: "#8F00FF",
        5: "#D400FF",
      }
    }
  }
}

Related searches

electric blue purple paletteneon voltage colorsfuturistic energy schemevibrant tech surgedark mode electric UI

Palette colors

Hex values

Color 1#00FFFF
·
Color 2#00AEEF
·
Color 3#2F00FF
·
Color 4#8F00FF
·
Color 5#D400FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
6.5:1AA
4.6:1AA
3.2:1AA18
2
2:1Fail
3.2:1AA18
2.3:1Fail
1.6:1Fail
3
6.5:1AA
3.2:1AA18
1.4:1Fail
2:1Fail
4
4.6:1AA
2.3:1Fail
1.4:1Fail
1.5:1Fail
5
3.2:1AA18
1.6:1Fail
2:1Fail
1.5:1Fail

Similar palettes

More like Cybernetic Voltage Surge

View all vibrant
Galactic City Pulse
Abstract City Lights
AI Data Stream
City Neon Rain
Cyber Glow
Cyber Glow Graffiti