Back to palettes

Palette

Bubblegum Pop Party

A fun, vibrant burst of candy-colored hues, perfect for a lively and playful celebration.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF69B4#FFB6C1#87CEEB#9370DB#FFFF00

Palette guide

How to use Bubblegum Pop Party

Overview

The Bubblegum Pop Party palette is a fun, vibrant burst of candy-colored hues, perfect for a lively and playful celebration. It features #FF69B4 (hot pink), #FFB6C1 (light pink), #87CEEB (sky blue), #9370DB (medium purple), and #FFFF00 (pure yellow). This dynamic collection is perfect for designers and developers aiming to create exciting, 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 festive delight.

Best used for

  • Youth events and festival branding
  • Party supplies and festive decor
  • Playful brand identities and advertising
  • Digital game elements and app interfaces
  • Social media graphics and campaigns
  • Confectionery and sweet treat marketing

Suggested color roles

primary

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

secondary

Employ #9370DB and #87CEEB for supporting content, subheadings, or to introduce dynamic, playful contrast.

accent

Apply #FFB6C1 for delicate highlights or soft background areas, and #FFFF00 for a luminous, energetic pop of color.

background

A soft #FFB6C1 provides a sweet, cheerful base, while #9370DB offers a dramatic backdrop for impactful visuals.

text

Dark grey or black (#000000) is essential for text on lighter backgrounds and #FFFF00. White text works well on #FF69B4, #87CEEB, and #9370DB.

Accessibility notes

  • The lightest shades, #FFB6C1 and #FFFF00, will require dark text (black or charcoal) for sufficient contrast.
  • Ensure #FF69B4, #87CEEB, and #9370DB 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

Party Blast

A high-energy, vibrant, and electric combination, perfect for bold headlines or interactive elements.

#FF69B4 · #9370DB · #FFFF00

Sweet Sky

Creates a cool, gentle, and playful blend, ideal for inviting backgrounds or delicate accents.

#87CEEB · #FFB6C1 · #FF69B4

Pop Celebration

Combines bright yellow with deep and cool tones, suitable for clean layouts or impactful branding.

#FFFF00 · #9370DB · #87CEEB

CSS variables

:root {
  --bubblegum-pop-party-1: #FF69B4;
  --bubblegum-pop-party-2: #FFB6C1;
  --bubblegum-pop-party-3: #87CEEB;
  --bubblegum-pop-party-4: #9370DB;
  --bubblegum-pop-party-5: #FFFF00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bubblegum-pop-party": {
        1: "#FF69B4",
        2: "#FFB6C1",
        3: "#87CEEB",
        4: "#9370DB",
        5: "#FFFF00",
      }
    }
  }
}

Related searches

bubblegum party palettevibrant pop colorsfun celebration schemebright youth designenergetic candy hues

Palette colors

Hex values

Color 1#FF69B4
·
Color 2#FFB6C1
·
Color 3#87CEEB
·
Color 4#9370DB
·
Color 5#FFFF00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.5:1Fail
1.4:1Fail
2.5:1Fail
2
1.6:1Fail
1.1:1Fail
2.3:1Fail
1.5:1Fail
3
1.5:1Fail
1.1:1Fail
2.2:1Fail
1.6:1Fail
4
1.4:1Fail
2.3:1Fail
2.2:1Fail
3.5:1AA18
5
2.5:1Fail
1.5:1Fail
1.6:1Fail
3.5:1AA18

Similar palettes

More like Bubblegum Pop Party

View all vibrant