Back to palettes

Palette

Electric Circuit Pulse

Striking neon brights against a deep black, depicting the vivid, pulsating energy of an electronic circuit board.

VibrantEnergetic5 colors
More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000000#FF00FF#00FFFF#FFD700#7CFC00

Palette guide

How to use Electric Circuit Pulse

Overview

The "Electric Circuit Pulse" palette features striking neon brights against a deep black, depicting the vivid, pulsating energy of an electronic circuit board. Anchored by pure Black (#000000), it bursts with intense Magenta (#FF00FF), Cyan (#00FFFF), a radiant Gold (#FFD700), and a lively Lawn Green (#7CFC00). This collection is perfect for designers creating high-contrast, tech-inspired, or cyber-themed digital experiences. Developers will find these colors excellent for crafting clean, impactful UIs that convey precision, innovation, and a dynamic, cutting-edge aesthetic with a dark mode sensibility.

Best used for

  • Cybersecurity dashboards or dark mode applications
  • Gaming peripheral branding or websites
  • Electronic music production software UI
  • Sci-fi film UI elements or title sequences
  • Modern tech company branding, especially for dark themes
  • Interactive data visualization

Suggested color roles

primary

#000000 (Black) - The dominant background color, providing a sleek, modern canvas for the vibrant neon elements.

secondary

#FF00FF (Magenta) - Use for main interactive elements, prominent headings, or to signify active states with high energy.

accent

#FFD700 (Gold) - Perfect for urgent alerts, small icons, or highlights that demand immediate attention with a touch of metallic gleam.

background

#000000 (Black) - Creates a dramatic, dark environment, making the glowing magenta, cyan, gold, and green elements pop intensely.

text

#00FFFF (Cyan) - Offers excellent readability for headings and important text on the black background. #7CFC00 or #FFD700 can also be used for specific highlights. Pure white can be used for body text.

Accessibility notes

  • Ensure #00FFFF text on #000000 background meets WCAG contrast standards.
  • Avoid using highly saturated colors like #FF00FF or #7CFC00 for small body text to prevent eye strain.
  • Prioritize using the black background for all neon text to maximize contrast and readability.
  • For interactive elements, ensure distinct visual cues for hover/focus states, possibly using #FFD700.

Recommended combinations

Dark Core

Black background with glowing cyan text and magenta highlights, ideal for tech interfaces.

#000000 · #00FFFF · #FF00FF

Gold Circuit

Gold and green elements against black, perfect for data points or status indicators.

#FFD700 · #7CFC00 · #000000

Electric Burst

Magenta and cyan elements with a gold accent, suitable for complex data visualization or dashboards.

#FF00FF · #00FFFF · #FFD700

CSS variables

:root {
  --electric-circuit-pulse-3-1: #000000;
  --electric-circuit-pulse-3-2: #FF00FF;
  --electric-circuit-pulse-3-3: #00FFFF;
  --electric-circuit-pulse-3-4: #FFD700;
  --electric-circuit-pulse-3-5: #7CFC00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electric-circuit-pulse-3": {
        1: "#000000",
        2: "#FF00FF",
        3: "#00FFFF",
        4: "#FFD700",
        5: "#7CFC00",
      }
    }
  }
}

Related searches

electric circuit darkneon tech black palettecyberpunk glow schemevibrant digital interfacehigh contrast tech UI

Palette colors

Hex values

Color 1#000000
·
Color 2#FF00FF
·
Color 3#00FFFF
·
Color 4#FFD700
·
Color 5#7CFC00
·

Accessibility

Contrast checker

1
2
3
4
5
1
6.7:1AA
16.7:1AAA
15:1AAA
15.8:1AAA
2
6.7:1AA
2.5:1Fail
2.2:1Fail
2.4:1Fail
3
16.7:1AAA
2.5:1Fail
1.1:1Fail
1.1:1Fail
4
15:1AAA
2.2:1Fail
1.1:1Fail
1.1:1Fail
5
15.8:1AAA
2.4:1Fail
1.1:1Fail
1.1:1Fail

Similar palettes

More like Electric Circuit Pulse

View all Vibrant
Cyberpunk Alley Glow
City Night Electric
Digital Glitch Burst
Electric Glitch Bloom
Cyber Future
Cybernetic Chroma Burst