Back to palettes

Palette

Bubblegum Pop Burst

A playful and energetic burst of sweet, vibrant colors inspired by a classic candy shop.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF69B4#FFD700#00CED1#9400D3#FFFFFF

Palette guide

How to use Bubblegum Pop Burst

Overview

The Bubblegum Pop Burst palette is a playful and energetic burst of sweet, vibrant colors inspired by a classic candy shop. It features #FF69B4 (hot pink), #FFD700 (gold), #00CED1 (dark turquoise), #9400D3 (dark violet), and #FFFFFF (pure white). This dynamic collection is perfect for designers and developers aiming to create lively, engaging, and memorable experiences. It's ideal for projects that demand a bold, energetic, and fun-loving aesthetic, evoking a sense of carefree joy and confectionery delight.

Best used for

  • Candy store branding and packaging
  • Children's party themes and invitations
  • Vibrant digital advertisements and promotions
  • Playful apparel design and youth fashion
  • Fun event promotions and marketing materials
  • Creative packaging for sweet treats

Suggested color roles

primary

Use #FF69B4 or #00CED1 for high-impact calls to action or prominent graphic elements, capturing attention instantly.

secondary

Employ #FFD700 and #9400D3 for supporting content, subheadings, or to introduce dynamic, playful contrast.

accent

Apply #FFFFFF for clean highlights, separators, or as a crisp background to make the vibrant colors pop.

background

A clean #FFFFFF provides an excellent, crisp base, allowing the bold, cheerful colors to truly stand out.

text

Black or dark grey (#333333) is essential for text on #FFFFFF and #FFD700. White text works well on #FF69B4, #00CED1, and #9400D3.

Accessibility notes

  • The bright #FFFFFF and #FFD700 will require dark text (black or charcoal) for sufficient contrast.
  • Ensure #FF69B4, #00CED1, and #9400D3 have adequate contrast with white text, especially for smaller font sizes.
  • Avoid using similar bright colors for text and background without careful contrast checking.
  • Always verify color contrast for all text and interactive elements to meet accessibility standards.

Recommended combinations

Candy Explosion

A bright, energetic, and high-contrast combination, perfect for bold headlines or interactive elements.

#FF69B4 · #FFD700 · #00CED1

Sweet Mystery

Combines deep purple with vibrant accents, suitable for backgrounds or dramatic visuals.

#9400D3 · #FF69B4 · #00CED1

Clean Pop

A fresh, modern, and playful trio, ideal for clean layouts or impactful branding.

#FFFFFF · #FFD700 · #00CED1

CSS variables

:root {
  --bubblegum-pop-burst-2-1: #FF69B4;
  --bubblegum-pop-burst-2-2: #FFD700;
  --bubblegum-pop-burst-2-3: #00CED1;
  --bubblegum-pop-burst-2-4: #9400D3;
  --bubblegum-pop-burst-2-5: #FFFFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bubblegum-pop-burst-2": {
        1: "#FF69B4",
        2: "#FFD700",
        3: "#00CED1",
        4: "#9400D3",
        5: "#FFFFFF",
      }
    }
  }
}

Related searches

candy shop colorsvibrant pop art paletteplayful bright schemesweet retro designenergetic event colors

Palette colors

Hex values

Color 1#FF69B4
·
Color 2#FFD700
·
Color 3#00CED1
·
Color 4#9400D3
·
Color 5#FFFFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
1.4:1Fail
2.5:1Fail
2.6:1Fail
2
1.9:1Fail
1.4:1Fail
4.7:1AA
1.4:1Fail
3
1.4:1Fail
1.4:1Fail
3.4:1AA18
2:1Fail
4
2.5:1Fail
4.7:1AA
3.4:1AA18
6.6:1AA
5
2.6:1Fail
1.4:1Fail
2:1Fail
6.6:1AA

Similar palettes

More like Bubblegum Pop Burst

View all vibrant
Retro Candy Pop
Retro Candy Shoppe
Vintage Sweet Treat
Atomic Diner Swirl
Bubblegum Pop Blast
Bubblegum Pop Zing