Back to palettes

Palette

Candy Pop Burst

An explosion of sugary, vibrant colors that evoke the excitement of a candy shop.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Candy Pop Burst 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 Candy Pop Burst.

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

Data visualization

#FF007F#00CCFF#FFDD00#FF6600#33FF66

Palette guide

How to use Candy Pop Burst

Overview

The Candy Pop Burst palette delivers an explosion of sugary, vibrant colors, designed to evoke excitement and a playful energy. Featuring electric hues like the magenta of #FF007F, the bright cyan of #00CCFF, and the sunny yellow of #FFDD00, this palette is anything but subtle. The fiery orange of #FF6600 and vivid green of #33FF66 add further dynamism, creating a truly bold and eye-catching combination. This palette is ideal for designers looking to create high-impact, memorable visuals that exude fun and a modern, energetic vibe, reminiscent of a lively candy shop.

Best used for

  • Youth-focused branding and advertising
  • Interactive game interfaces and app design
  • Event promotions for concerts or festivals
  • Fashion accessories and apparel design
  • Digital marketing campaigns needing high visibility
  • Modern packaging for snacks or confectionery

Suggested color roles

primary

Use #FF007F (Bright Magenta) as a dominant color for headings or key sections to establish a bold, energetic foundation.

secondary

Employ #00CCFF (Electric Cyan) for complementary graphics, sub-sections, or as a strong contrasting element.

accent

Apply #FF6600 (Vivid Orange) for call-to-action buttons, alerts, or interactive elements to command immediate attention.

background

A neutral white or very light grey is recommended to let these intense colors truly burst, though #FFDD00 can serve as a vibrant background for specific sections.

text

For optimal readability, use black or dark charcoal text against lighter colors, and white text against the darker, more saturated hues like #FF007F or #00CCFF.

Accessibility notes

  • Ensure high contrast when pairing these vibrant colors, especially for text. White or black text is usually safest.
  • Be mindful of color-blind users; some vibrant pairings (e.g., red-green) can be problematic. Provide alternative indicators.
  • Avoid using #FFDD00 as a background for small text without significant contrast checks.
  • Use sufficient padding around text when utilizing highly saturated colors to prevent visual strain.

Recommended combinations

Dynamic Duo

Excellent for creating energetic graphics, hero sections, or impactful branding statements.

#FF007F · #00CCFF · #FFDD00

Vibrant Signal

Ideal for attention-grabbing alerts, interactive elements, or playful illustrations.

#FFDD00 · #FF6600 · #33FF66

Bold Statement

Perfect for modern UI elements, striking infographics, or high-energy marketing materials.

#FF007F · #FF6600 · #00CCFF

CSS variables

:root {
  --candy-pop-burst-1: #FF007F;
  --candy-pop-burst-2: #00CCFF;
  --candy-pop-burst-3: #FFDD00;
  --candy-pop-burst-4: #FF6600;
  --candy-pop-burst-5: #33FF66;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "candy-pop-burst": {
        1: "#FF007F",
        2: "#00CCFF",
        3: "#FFDD00",
        4: "#FF6600",
        5: "#33FF66",
      }
    }
  }
}

Related searches

vibrant candy colorsbright playful palettepop art color schemeenergetic UI colorsmodern sweet branding

Palette colors

Hex values

Color 1#FF007F
·
Color 2#00CCFF
·
Color 3#FFDD00
·
Color 4#FF6600
·
Color 5#33FF66
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
2.8:1Fail
1.3:1Fail
2.8:1Fail
2
2:1Fail
1.4:1Fail
1.5:1Fail
1.4:1Fail
3
2.8:1Fail
1.4:1Fail
2.2:1Fail
1:1Fail
4
1.3:1Fail
1.5:1Fail
2.2:1Fail
2.2:1Fail
5
2.8:1Fail
1.4:1Fail
1:1Fail
2.2:1Fail

Similar palettes

More like Candy Pop Burst

View all vibrant
Bubblegum Pop
Bubblegum Pop Burst
Carnival Merry-Go-Round
Carnival Pop Delight
Gummy Bear Blast
Lollipop Swirl Sugar