Back to palettes

Palette

Electric Glitch Bloom

A dynamic and futuristic palette with glowing blues, purples, and shocking pinks, inspired by digital interfaces and city lights.

VibrantEnergetic5 colors
More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Electric Glitch Bloom 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 Glitch Bloom.

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

Data visualization

#3A0CA3#4361EE#4CC9F0#F72585#B5179E

Palette guide

How to use Electric Glitch Bloom

Overview

The Electric Glitch Bloom palette offers a dynamic and futuristic aesthetic, blending vibrant blues and purples with shocking pinks. Featuring the deep indigo of #3A0CA3, the electric blue of #4361EE, and the bright cyan of #4CC9F0, it creates a digital, high-tech foundation. The palette is punctuated by the intense fuchsia of #F72585 and the rich magenta of #B5179E, adding a "glitch" effect. This combination evokes modern digital interfaces, cyberpunk themes, and energetic city lights. Designers can leverage its high contrast and glowing hues to create impactful visuals, while developers can implement these colors for UI elements that demand attention and convey a sense of innovation and forward-thinking design.

Best used for

  • Cyberpunk game interfaces
  • Tech startup branding
  • Music festival promotional materials
  • Modern fashion editorial designs
  • Digital art and NFT projects
  • Streamer overlays and branding

Suggested color roles

primary

#3A0CA3 (Deep Indigo) - Establishes a sophisticated, dark base for backgrounds or primary branding elements, conveying depth and mystery.

secondary

#4361EE (Electric Blue) - Provides a vibrant, energetic counterpoint, ideal for interactive elements, headlines, or large graphic areas.

accent

#F72585 (Shocking Pink) - A high-impact accent for calls-to-action, alerts, or details that demand immediate attention and a futuristic flair.

background

#4CC9F0 (Bright Cyan) - Can serve as a luminous, ethereal background for digital interfaces, or a vibrant highlight against darker shades.

text

#B5179E (Rich Magenta) - Effective for striking headlines or subheadings against lighter backgrounds. For body text, consider a dark grey like #1A1A1A or pure black against #4CC9F0 for readability.

Accessibility notes

  • Ensure sufficient contrast between #4CC9F0 and any text, as it's a bright color.
  • Pair #3A0CA3 or #4361EE with white text for optimal readability on dark backgrounds.
  • Avoid using #F72585 and #B5179E for small text sizes due to their intensity and potential for eye strain.
  • Test all color pairings with accessibility tools to meet WCAG contrast ratio standards, especially for UI elements.

Recommended combinations

Cyberpunk Base

Ideal for dark mode interfaces, tech branding, or sci-fi themed designs, using the pink as a vibrant highlight.

#3A0CA3 · #4361EE · #F72585

Digital Glow

Creates a luminous, ethereal feel, perfect for digital art, event posters, or web headers with a glowing effect.

#4CC9F0 · #B5179E · #3A0CA3

Energetic Contrast

A bold and energetic trio suitable for calls-to-action, interactive elements, or youth-oriented branding.

#F72585 · #4361EE · #B5179E

CSS variables

:root {
  --electric-glitch-bloom-1: #3A0CA3;
  --electric-glitch-bloom-2: #4361EE;
  --electric-glitch-bloom-3: #4CC9F0;
  --electric-glitch-bloom-4: #F72585;
  --electric-glitch-bloom-5: #B5179E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electric-glitch-bloom": {
        1: "#3A0CA3",
        2: "#4361EE",
        3: "#4CC9F0",
        4: "#F72585",
        5: "#B5179E",
      }
    }
  }
}

Related searches

neon cyberpunk colorsfuturistic ui paletteelectric digital designvibrant tech color schemeglitch art color codes

Palette colors

Hex values

Color 1#3A0CA3
·
Color 2#4361EE
·
Color 3#4CC9F0
·
Color 4#F72585
·
Color 5#B5179E
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
6.2:1AA
3.2:1AA18
2:1Fail
2
2.4:1Fail
2.6:1Fail
1.3:1Fail
1.2:1Fail
3
6.2:1AA
2.6:1Fail
2:1Fail
3:1AA18
4
3.2:1AA18
1.3:1Fail
2:1Fail
1.6:1Fail
5
2:1Fail
1.2:1Fail
3:1AA18
1.6:1Fail

Similar palettes

More like Electric Glitch Bloom

View all Vibrant
Cybernetic Chroma Burst
Digital Circuit Matrix
Digital Glitch Burst
Digital Interface Glitch
Electric Circuit Pulse
Neon City Drip