Back to palettes

Palette

Electric Circuit Pop

Blazing electric hues that hum with the energy of a digital future, simulating glowing circuits and futuristic screens.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Electric Circuit Pop 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 Circuit Pop.

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

Data visualization

#2AFE00#00FFD1#9700E3#E300B3#FF5733

Palette guide

How to use Electric Circuit Pop

Overview

The "Electric Circuit Pop" palette blazes with electric hues that hum with the energy of a digital future, simulating glowing circuits and futuristic screens. It features an incredibly bright Lime Green (#2AFE00) and a vivid Turquoise (#00FFD1), creating a high-energy, synthetic glow. These are complemented by a deep Electric Violet (#9700E3) and a striking Magenta (#E300B3), with a fiery Orange-Red (#FF5733) adding a sharp, dynamic accent. This palette is ideal for designers creating cyber, neon, or futuristic tech themes that demand maximum visual impact. Developers can use these bold hues to build dynamic, interactive UIs that are unmistakably modern and energetic.

Best used for

  • Futuristic game interfaces or marketing
  • Cybersecurity dashboards or data displays
  • Electronic music event branding
  • Sci-fi film UI elements
  • Vibrant e-sports team branding
  • Modern art or generative design platforms

Suggested color roles

primary

#2AFE00 (Lime Green) - Use for prominent calls-to-action, main interactive elements, or to signify active states with extreme brightness.

secondary

#9700E3 (Electric Violet) - Ideal for subheadings, secondary buttons, or background sections that need depth and a strong contrasting base.

accent

#FF5733 (Orange-Red) - Perfect for urgent alerts, small icons, or highlights that demand immediate attention with a warm, fiery glow.

background

#9700E3 (Electric Violet) - A deep, saturated background that allows the vibrant greens, turquoise, and magenta to truly pop and simulate glowing effects.

text

#00FFD1 (Turquoise) - Offers a vibrant, readable option for text on darker backgrounds like #9700E3. Pure white or a very dark charcoal can also be used.

Accessibility notes

  • Extreme brightness of colors means careful contrast checking is paramount for all text and interactive elements.
  • Avoid using #2AFE00 or #00FFD1 for small body text due to their intense saturation and potential for eye strain.
  • Ensure #00FFD1 text on #9700E3 background meets WCAG contrast standards.
  • When using bright colors for text, ensure the background is sufficiently dark (e.g., #9700E3) for readability.

Recommended combinations

Cyber Glow

A deep violet background with glowing lime green and turquoise elements, perfect for tech interfaces.

#9700E3 · #2AFE00 · #00FFD1

Electric Burst

Magenta and orange-red elements against a dark violet, ideal for interactive buttons or progress bars.

#E300B3 · #FF5733 · #9700E3

Circuit Flash

Turquoise and lime green with an orange-red accent, suitable for dynamic graphics or alerts.

#00FFD1 · #2AFE00 · #FF5733

CSS variables

:root {
  --electric-circuit-pop-1: #2AFE00;
  --electric-circuit-pop-2: #00FFD1;
  --electric-circuit-pop-3: #9700E3;
  --electric-circuit-pop-4: #E300B3;
  --electric-circuit-pop-5: #FF5733;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electric-circuit-pop": {
        1: "#2AFE00",
        2: "#00FFD1",
        3: "#9700E3",
        4: "#E300B3",
        5: "#FF5733",
      }
    }
  }
}

Related searches

electric circuit neonfuturistic tech palettevibrant cyber popglowing digital colorsenergetic UI scheme

Palette colors

Hex values

Color 1#2AFE00
·
Color 2#00FFD1
·
Color 3#9700E3
·
Color 4#E300B3
·
Color 5#FF5733
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
4.5:1AA18
3.1:1AA18
2.3:1Fail
2
1.1:1Fail
4.7:1AA
3.3:1AA18
2.4:1Fail
3
4.5:1AA18
4.7:1AA
1.4:1Fail
1.9:1Fail
4
3.1:1AA18
3.3:1AA18
1.4:1Fail
1.4:1Fail
5
2.3:1Fail
2.4:1Fail
1.9:1Fail
1.4:1Fail

Similar palettes

More like Electric Circuit Pop

View all vibrant
Cyber Alley Glow
Cyber Grid Flash
Cyber Neon Pulse
Cyber Synth Glow
Cybernetic Circuit Glow
Cybernetic Future Glow