Palette

Electric Circuit Buzz

Dynamic and bold, reminiscent of the vibrant energy and glowing lines of a futuristic 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 Buzz 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 Buzz.

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

Data visualization

#00FFFF#00FF7F#8A2BE2#000000#301934

Palette guide

How to use Electric Circuit Buzz

Overview

The "Electric Circuit Buzz" palette is dynamic and bold, reminiscent of the vibrant energy and glowing lines of a futuristic circuit board. It features a brilliant Cyan (#00FFFF) and a vivid Spring Green (#00FF7F), creating an electrifying glow. These are contrasted and grounded by a deep Blue Violet (#8A2BE2), pure Black (#000000), and a rich Dark Purple (#301934). This collection is ideal for designers creating modern, cyber, or high-tech themes that demand attention. Developers can utilize these hues to build engaging, interactive UIs with a futuristic edge, perfect for dashboards or dynamic digital displays.

Best used for

Cybersecurity dashboards or data visualization
Gaming UI/UX design, especially for sci-fi themes
Electronic music production software
Modern tech company branding
Digital art platforms with a futuristic aesthetic
Interactive educational content for STEM

Suggested color roles

primary

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

secondary

#8A2BE2 (Blue Violet) - Ideal for subheadings, secondary buttons, or background sections that need depth and sophistication.

accent

#00FF7F (Spring Green) - Perfect for small, impactful highlights, icons, or to introduce a fresh, electrifying pop of color.

background

#000000 (Black) - The dominant background, providing maximum contrast for the glowing cyan and green elements, creating an immersive effect.

text

#00FFFF (Cyan) - Offers excellent readability for headings and important text on the black or dark purple backgrounds. Pure white can also be used for body text.

Accessibility notes

Ensure #00FFFF text on #000000 or #301934 backgrounds meets WCAG contrast standards.
Avoid using #00FF7F or #00FFFF for small body text due to high saturation.
The darker colors, #000000 and #301934, provide excellent anchors for readability.
For interactive elements, ensure distinct visual cues for hover/focus states, possibly using #00FF7F.

Recommended combinations

Cyber Glow

Black background with glowing cyan text and spring green accents, perfect for tech interfaces.

#000000 · #00FFFF · #00FF7F

Deep Pulse

A dark purple base with blue violet and cyan elements, suitable for layered UI components.

#301934 · #8A2BE2 · #00FFFF

Electric Wire

Spring green and cyan against black, ideal for status indicators, progress bars, or data lines.

#00FF7F · #00FFFF · #000000

CSS variables

:root {
  --electric-circuit-buzz-1: #00FFFF;
  --electric-circuit-buzz-2: #00FF7F;
  --electric-circuit-buzz-3: #8A2BE2;
  --electric-circuit-buzz-4: #000000;
  --electric-circuit-buzz-5: #301934;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electric-circuit-buzz": {
        1: "#00FFFF",
        2: "#00FF7F",
        3: "#8A2BE2",
        4: "#000000",
        5: "#301934",
      }
    }
  }
}

Hex values

Color 1#00FFFF

Color 2#00FF7F

Color 3#8A2BE2

Color 4#000000

Color 5#301934

Accessibility

Contrast checker

1.1:1Fail

4.8:1AA

16.7:1AAA

12.7:1AAA

1.1:1Fail

4.4:1AA18

15.6:1AAA

11.9:1AAA

4.8:1AA

4.4:1AA18

3.5:1AA18

2.7:1Fail

16.7:1AAA

15.6:1AAA

3.5:1AA18

1.3:1Fail

12.7:1AAA

11.9:1AAA

2.7:1Fail

1.3:1Fail

Similar palettes

More like Electric Circuit Buzz