Palette

Digital Circuit Glow

Electrifying blues and purples, capturing the luminescence of digital circuits and data streams.

coolenergetic5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Digital Circuit Glow 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 Digital Circuit Glow.

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

Data visualization

#00FFFF#00BFFF#00CED1#8A2BE2#483D8B

Palette guide

How to use Digital Circuit Glow

Overview

The Digital Circuit Glow palette is an electrifying blend of blues and purples, perfectly capturing the luminescence of digital circuits and data streams. From the vibrant #00FFFF and #00BFFF to the striking #8A2BE2 and the deep #483D8B, this palette offers designers a powerful tool for creating energetic, cyber, and neon-infused designs. The bold contrast between the bright cyans and the rich purples creates a dynamic visual experience, ideal for conveying innovation and mystery. It's perfect for projects that aim for a high-tech, futuristic aesthetic with a touch of dramatic flair.

Best used for

Cyberpunk game aesthetics
Virtual reality interfaces
Music festival branding
Sci-fi movie posters
Digital art installations
Coding environment themes

Suggested color roles

primary

The deep #483D8B provides a strong, mysterious base, ideal for backgrounds, containers, or primary text elements.

secondary

Use #8A2BE2 for secondary backgrounds, panels, or less critical information, adding a rich, energetic purple.

accent

The brilliant #00FFFF is perfect for highlights, active states, glowing elements, or critical call-to-action buttons, demanding attention.

background

A very dark gray or black provides the best contrast, allowing these luminous blues and purples to truly glow. Alternatively, use #483D8B for a dark theme.

text

For text, #00FFFF or #00BFFF on a dark background like #483D8B or black offers excellent readability and a distinct digital glow.

Accessibility notes

Ensure strong contrast for text, especially using #00FFFF or #00BFFF on very dark backgrounds like #483D8B or black.
Avoid using #8A2BE2 for small text on similar purple backgrounds, as contrast may be insufficient.
The brightest colors, #00FFFF and #00BFFF, provide excellent visibility for key information and interactive elements.
For body text, use #00CED1 or #00BFFF against a dark background to maintain readability and the digital aesthetic.

Recommended combinations

Neon Circuit

Creates a dramatic, high-contrast look for dark interfaces, emphasizing glowing elements and key information.

#483D8B · #00FFFF · #8A2BE2

Data Stream

Excellent for subtle animations or background patterns, mimicking data flow with a harmonious, energetic gradient.

#00BFFF · #00CED1 · #8A2BE2

Vibrant Pulse

Use for prominent call-to-actions or alerts, ensuring they command attention with a bright, energetic pop.

#8A2BE2 · #00FFFF · #483D8B

CSS variables

:root {
  --digital-circuit-glow-1: #00FFFF;
  --digital-circuit-glow-2: #00BFFF;
  --digital-circuit-glow-3: #00CED1;
  --digital-circuit-glow-4: #8A2BE2;
  --digital-circuit-glow-5: #483D8B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "digital-circuit-glow": {
        1: "#00FFFF",
        2: "#00BFFF",
        3: "#00CED1",
        4: "#8A2BE2",
        5: "#483D8B",
      }
    }
  }
}

Hex values

Color 1#00FFFF

Color 2#00BFFF

Color 3#00CED1

Color 4#8A2BE2

Color 5#483D8B

Accessibility

Contrast checker

1.7:1Fail

1.6:1Fail

4.8:1AA

7.2:1AAA

1.7:1Fail

1.1:1Fail

2.8:1Fail

4.3:1AA18

1.6:1Fail

1.1:1Fail

3:1AA18

4.6:1AA

4.8:1AA

2.8:1Fail

3:1AA18

1.5:1Fail

7.2:1AAA

4.3:1AA18

4.6:1AA

1.5:1Fail

Similar palettes

More like Digital Circuit Glow

Aurora Borealis Dream

Cobalt Glaze Splash

Coral Lagoon Gleam