Back to palettes

Palette

Electric Circuit Flow

Bold and artificial, mirroring the vibrant, glowing pathways 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 Flow 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 Flow.

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

Data visualization

#00FFFF#FF00FF#FFFF00#2A2A2A#F5F5F5

Palette guide

How to use Electric Circuit Flow

Overview

The "Electric Circuit Flow" palette is bold and artificial, mirroring the vibrant, glowing pathways of a futuristic circuit board. It features intense Cyan (#00FFFF), Magenta (#FF00FF), and Yellow (#FFFF00), creating a dynamic, high-energy core. These are balanced by a deep, almost black Dark Gray (#2A2A2A) and a very light Near White (#F5F5F5), offering essential contrast and versatility. This palette is ideal for designers creating cyberpunk, digital, or modern tech themes that require a striking visual impact. Developers can leverage these hues for dynamic UIs, interactive dashboards, and immersive digital environments.

Best used for

  • Cyberpunk game interfaces or marketing
  • Tech startup branding or websites
  • Digital art installations or galleries
  • Music production software UI
  • E-sports team branding
  • Modern data visualization

Suggested color roles

primary

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

secondary

#FF00FF (Magenta) - Ideal for subheadings, secondary buttons, or accent backgrounds, providing a vibrant, energetic contrast.

accent

#FFFF00 (Yellow) - Perfect for urgent alerts, small icons, or highlights that demand immediate attention due to its extreme brightness.

background

#2A2A2A (Dark Gray) - Provides a sophisticated, dark canvas, allowing the vibrant neons to truly pop and simulate glowing effects.

text

#F5F5F5 (Near White) - Offers excellent readability on the dark gray background. #00FFFF or #FF00FF can be used for headings on dark backgrounds.

Accessibility notes

  • Ensure #F5F5F5 text on #2A2A2A background meets WCAG contrast standards.
  • Avoid using #00FFFF, #FF00FF, or #FFFF00 for small body text due to their intense saturation and potential for eye strain.
  • When using bright neon colors for text, ensure the background is sufficiently dark (e.g., #2A2A2A) for readability.
  • Provide clear focus indicators for interactive elements, possibly using a bright #FFFF00 halo.

Recommended combinations

Digital Matrix

Dark gray background with near-white text and cyan highlights, ideal for modern tech interfaces.

#2A2A2A · #F5F5F5 · #00FFFF

Neon Path

Magenta and yellow glowing elements against dark gray, perfect for alerts or energy indicators.

#FF00FF · #FFFF00 · #2A2A2A

Circuit Grid

Cyan and magenta elements with near-white details, suitable for complex data visualization or dashboards.

#00FFFF · #FF00FF · #F5F5F5

CSS variables

:root {
  --electric-circuit-flow-1: #00FFFF;
  --electric-circuit-flow-2: #FF00FF;
  --electric-circuit-flow-3: #FFFF00;
  --electric-circuit-flow-4: #2A2A2A;
  --electric-circuit-flow-5: #F5F5F5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electric-circuit-flow": {
        1: "#00FFFF",
        2: "#FF00FF",
        3: "#FFFF00",
        4: "#2A2A2A",
        5: "#F5F5F5",
      }
    }
  }
}

Related searches

electric circuit colorsneon cyberpunk palettedigital glow schemevibrant tech UIfuturistic grey neon

Palette colors

Hex values

Color 1#00FFFF
·
Color 2#FF00FF
·
Color 3#FFFF00
·
Color 4#2A2A2A
·
Color 5#F5F5F5
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
1.2:1Fail
11.4:1AAA
1.2:1Fail
2
2.5:1Fail
2.9:1Fail
4.6:1AA
2.9:1Fail
3
1.2:1Fail
2.9:1Fail
13.4:1AAA
1:1Fail
4
11.4:1AAA
4.6:1AA
13.4:1AAA
13.2:1AAA
5
1.2:1Fail
2.9:1Fail
1:1Fail
13.2:1AAA

Similar palettes

More like Electric Circuit Flow

View all vibrant
Cyber Neon Glitch
Cybernetic Spectrum Surge
AI Data Stream
City Neon Jungle
Cyber City Haze
Cyber Neon Grid