Back to palettes

Palette

Electric Circuit Pulse

Dynamic, glowing blues and purples, like the illuminated pathways of an active electric 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

#00FFFF#00CCFF#3399FF#6666FF#9933FF

Palette guide

How to use Electric Circuit Pulse

Overview

The "Electric Circuit Pulse" palette features dynamic, glowing blues and purples, like the illuminated pathways of an active electric circuit board. It transitions smoothly from a brilliant Cyan (#00FFFF) through various shades of Electric Blue (#00CCFF, #3399FF, #6666FF), culminating in a vibrant Electric Violet (#9933FF). This cohesive, cool-toned palette is perfect for designers creating tech-focused, digital, or modern interfaces that require a sense of flow and energy. Developers can utilize these harmonious hues to build engaging UIs, progress indicators, or data visualizations that feel sleek, futuristic, and visually integrated.

Best used for

  • Tech product UI/UX design
  • Software dashboards and data visualization
  • Futuristic branding or websites
  • Digital art with a cool, electric theme
  • E-learning platforms for STEM subjects
  • Modern communication apps

Suggested color roles

primary

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

secondary

#3399FF (Medium Blue) - Ideal for subheadings, secondary buttons, or background sections that need a softer, yet still vibrant, blue.

accent

#9933FF (Electric Violet) - Perfect for small, impactful highlights, icons, or to introduce a touch of depth and a unique electric pulse.

background

#6666FF (Light Violet Blue) - A soft, luminous background that allows the brighter blues and violet to pop, creating a cohesive, glowing effect.

text

#00CCFF (Electric Blue) - Offers excellent readability on lighter backgrounds like #6666FF or #3399FF. For darker backgrounds, white or near-white is recommended.

Accessibility notes

  • Ensure adequate contrast for text, especially between adjacent mid-tone blues/purples.
  • Avoid using #6666FF or #3399FF for small body text on similarly light backgrounds.
  • For interactive elements, use #00FFFF or #9933FF to ensure clear visual cues.
  • Consider using a pure white text for maximum readability on the darkest color, #9933FF, if used as a background.

Recommended combinations

Digital Flow

A light violet-blue background with electric blue text and cyan highlights, for sleek interfaces.

#6666FF · #00CCFF · #00FFFF

Circuit Gradient

A smooth transition from cyan to violet, ideal for animated backgrounds or progress bars.

#00FFFF · #3399FF · #9933FF

Pulse Point

Deep violet with electric blue and medium blue, suitable for highlighting key data or interactive states.

#9933FF · #00CCFF · #3399FF

CSS variables

:root {
  --electric-circuit-pulse-1: #00FFFF;
  --electric-circuit-pulse-2: #00CCFF;
  --electric-circuit-pulse-3: #3399FF;
  --electric-circuit-pulse-4: #6666FF;
  --electric-circuit-pulse-5: #9933FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electric-circuit-pulse": {
        1: "#00FFFF",
        2: "#00CCFF",
        3: "#3399FF",
        4: "#6666FF",
        5: "#9933FF",
      }
    }
  }
}

Related searches

electric circuit bluetech gradient paletteglowing blue purpledigital flow colorsfuturistic UI gradient

Palette colors

Hex values

Color 1#00FFFF
·
Color 2#00CCFF
·
Color 3#3399FF
·
Color 4#6666FF
·
Color 5#9933FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
3.4:1AA18
3.9:1AA18
2
1.5:1Fail
1.6:1Fail
2.3:1Fail
2.6:1Fail
3
2.3:1Fail
1.6:1Fail
1.5:1Fail
1.7:1Fail
4
3.4:1AA18
2.3:1Fail
1.5:1Fail
1.1:1Fail
5
3.9:1AA18
2.6:1Fail
1.7:1Fail
1.1:1Fail

Similar palettes

More like Electric Circuit Pulse

View all vibrant
Cybernetic Matrix Blue
Digital Circuit Flow
Digital Screen Glow
Techno Grid Surge
AI Data Stream
Arcade Power-Up