Back to palettes

Palette

Digital Circuit Haze

Electric teals and bright greens cut through a dark background, echoing a digital circuit at night.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E1E7E6#7ED3C2#4ECDC4#C7F464#2E3B46

Palette guide

How to use Digital Circuit Haze

Overview

The Digital Circuit Haze palette is a dynamic and futuristic collection that cuts electric teals and bright greens through a dark background, echoing a digital circuit at night. From the deep, grounding #2E3B46 to the vibrant #C7F464 and the luminous #4ECDC4, this palette offers designers a powerful tool for cyberpunk-inspired, energetic, and modern designs. The striking contrast between the dark base and the glowing accents, including the cool #7ED3C2, creates an immersive visual experience. It's ideal for projects that demand a bold, high-tech aesthetic with a touch of mysterious atmosphere.

Best used for

  • Cyberpunk game environments
  • Sci-fi themed UI design
  • Esports team branding
  • Modern tech product showcases
  • Vibrant digital art
  • Music production software interfaces

Suggested color roles

primary

The deep #2E3B46 provides a strong, stable base, ideal for backgrounds, containers, or primary text elements in a dark theme.

secondary

Use #7ED3C2 or #4ECDC4 for secondary backgrounds, panels, or less critical information, adding a cool, digital feel.

accent

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

background

#2E3B46 offers an ideal dark canvas, allowing the brighter teals and greens to truly pop and evoke a digital glow.

text

For text, #C7F464 or #4ECDC4 on #2E3B46 provides excellent readability and a high-tech, energetic aesthetic. The very light #E1E7E6 can be used for secondary text.

Accessibility notes

  • Ensure strong contrast for text, especially using #C7F464 or #4ECDC4 on the dark #2E3B46 background.
  • Avoid using #7ED3C2 for small text on backgrounds like #4ECDC4 due to insufficient contrast.
  • The brightest colors, #C7F464 and #4ECDC4, provide excellent visibility for key information and interactive elements.
  • The light #E1E7E6 can be used for large, prominent text on #2E3B46, but verify contrast for smaller sizes.

Recommended combinations

Cyber Haze

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

#2E3B46 · #C7F464 · #4ECDC4

Digital Pulse

Excellent for subtle gradients or animated pathways, mimicking data flow with a harmonious, energetic progression.

#7ED3C2 · #4ECDC4 · #C7F464

Luminous Grid

Use the light gray for subtle grid lines or background texture, with a dark base and a cool accent.

#E1E7E6 · #2E3B46 · #7ED3C2

CSS variables

:root {
  --digital-circuit-haze-1: #E1E7E6;
  --digital-circuit-haze-2: #7ED3C2;
  --digital-circuit-haze-3: #4ECDC4;
  --digital-circuit-haze-4: #C7F464;
  --digital-circuit-haze-5: #2E3B46;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "digital-circuit-haze": {
        1: "#E1E7E6",
        2: "#7ED3C2",
        3: "#4ECDC4",
        4: "#C7F464",
        5: "#2E3B46",
      }
    }
  }
}

Related searches

cyberpunk color paletteneon teal green designfuturistic dark themetech glow aestheticdigital circuit UI

Palette colors

Hex values

Color 1#E1E7E6
·
Color 2#7ED3C2
·
Color 3#4ECDC4
·
Color 4#C7F464
·
Color 5#2E3B46
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.5:1Fail
1:1Fail
9.2:1AAA
2
1.4:1Fail
1.1:1Fail
1.4:1Fail
6.5:1AA
3
1.5:1Fail
1.1:1Fail
1.5:1Fail
5.9:1AA
4
1:1Fail
1.4:1Fail
1.5:1Fail
9:1AAA
5
9.2:1AAA
6.5:1AA
5.9:1AA
9:1AAA

Similar palettes

More like Digital Circuit Haze

View all vibrant
Sci-Fi Hologram Bloom
Cyber City Synth
Cyber Glow
Cyber Neon Pulse
Cyber Orchid Glow
Cybernetic Glitch Neon