Palette

Electric Bloom Pop

A high-voltage mix of neon and vivid shades, igniting a playful and modern energy.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#FFFF00#00FFFF#8A2BE2#FF1493

Palette guide

How to use Electric Bloom Pop

Overview

The "Electric Bloom Pop" palette is a high-voltage mix of neon and vivid shades, igniting a playful and modern energy, like a futuristic garden in full bloom. It features intense Magenta (#FF00FF), bright Yellow (#FFFF00), and vibrant Cyan (#00FFFF), creating a dazzling, energetic core. A rich Blue Violet (#8A2BE2) adds depth and sophistication, while a brilliant Deep Pink (#FF1493) offers a softer, yet still electric, floral touch. This palette is ideal for designers seeking to combine natural inspiration with a bold, contemporary edge. Developers can use these hues for dynamic UIs that are both lively and visually striking.

Best used for

Modern floral design or event branding
Youth-oriented fashion or beauty campaigns
Digital art or creative portfolio websites
Music festival or concert visual identities
Vibrant app interfaces for creative tools
Playful tech gadget promotions

Suggested color roles

primary

#FF00FF (Magenta) - Use for main calls-to-action, prominent headings, or interactive elements to create a bold, energetic statement.

secondary

#00FFFF (Cyan) - Ideal for subheadings, secondary buttons, or background accents, providing a cool, digital contrast.

accent

#FFFF00 (Yellow) - Perfect for small, impactful highlights, warning messages, or icons that need to stand out with extreme brightness.

background

#8A2BE2 (Blue Violet) - A deep, rich background that allows the neon "blooms" to truly pop and glow, creating an immersive, dramatic effect.

text

#FF1493 (Deep Pink) - Offers a vibrant, readable option for text on darker backgrounds like #8A2BE2. Pure white or #FFFF00 can also be used.

Accessibility notes

Always check contrast ratios for text and interactive elements, especially between adjacent bright colors.
Ensure #FF1493 text on #8A2BE2 background meets WCAG contrast standards.
Avoid using #FF00FF, #FFFF00, or #00FFFF for large blocks of body text to prevent eye strain.
When using bright colors for text, ensure the background is sufficiently dark (e.g., #8A2BE2) for readability.

Recommended combinations

Neon Garden

A deep violet background with glowing magenta and pink elements, perfect for vibrant branding.

#8A2BE2 · #FF00FF · #FF1493

Electric Burst

Cyan and yellow highlights against a dark violet, ideal for interactive elements or status indicators.

#00FFFF · #FFFF00 · #8A2BE2

Pop Contrast

Deep pink with magenta and cyan accents, suitable for dynamic graphics or engaging content blocks.

#FF1493 · #FF00FF · #00FFFF

CSS variables

:root {
  --electric-bloom-pop-1: #FF00FF;
  --electric-bloom-pop-2: #FFFF00;
  --electric-bloom-pop-3: #00FFFF;
  --electric-bloom-pop-4: #8A2BE2;
  --electric-bloom-pop-5: #FF1493;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electric-bloom-pop": {
        1: "#FF00FF",
        2: "#FFFF00",
        3: "#00FFFF",
        4: "#8A2BE2",
        5: "#FF1493",
      }
    }
  }
}

Hex values

Color 1#FF00FF

Color 2#FFFF00

Color 3#00FFFF

Color 4#8A2BE2

Color 5#FF1493

Accessibility

Contrast checker

2.9:1Fail

2.5:1Fail

1.9:1Fail

1.2:1Fail

2.9:1Fail

1.2:1Fail

5.5:1AA

3.4:1AA18

2.5:1Fail

1.2:1Fail

4.8:1AA

2.9:1Fail

1.9:1Fail

5.5:1AA

4.8:1AA

1.6:1Fail

1.2:1Fail

3.4:1AA18

2.9:1Fail

1.6:1Fail

Similar palettes

More like Electric Bloom Pop

Electric Bloom Pop

See it in context.

Ready when you are.

Built with Electric Bloom Pop.

How to use Electric Bloom Pop

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Neon Garden

Electric Burst

Pop Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Electric Bloom Pop