Palette

Bubblegum Pop Party

A sweet and vibrant explosion of candy colors, perfect for a fun and lighthearted 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

#FFC0CB#FF69B4#ADD8E6#90EE90#FFD700

Palette guide

How to use Bubblegum Pop Party

Overview

The Bubblegum Pop Party palette is a sweet and vibrant explosion of candy colors, perfect for a fun and lighthearted celebration. It features #FFC0CB (pale pink), #FF69B4 (hot pink), #ADD8E6 (light blue), #90EE90 (light green), and #FFD700 (gold). 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 festive delight.

Best used for

Children's party planning and invitations
Confectionery branding and sweet shop marketing
Playful website designs and mobile apps
Social media campaigns and digital advertising
Educational materials and children's content
Creative art projects and illustrations

Suggested color roles

primary

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

secondary

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

accent

Apply #FFC0CB for delicate highlights or soft background areas, and #90EE90 for a fresh, unexpected pop of color.

background

A soft #FFC0CB or #ADD8E6 provides a sweet, cheerful base, allowing the brighter colors to pop gracefully.

text

Dark grey or charcoal (#333333) is essential for text on lighter backgrounds. White text works well on #FF69B4.

Accessibility notes

The lightest shades, #FFC0CB, #ADD8E6, #90EE90, and #FFD700, will require dark text (charcoal or a muted dark blue/pink) for sufficient contrast.
Ensure #FF69B4 has 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 Mix

A bright, energetic, and balanced combination, perfect for bold headlines or interactive elements.

#FF69B4 · #FFD700 · #ADD8E6

Sweet Garden

Creates a fresh, playful, and inviting blend, ideal for accents or cheerful graphics.

#90EE90 · #FFC0CB · #FFD700

Bubble Fun

Combines cool blue with warm pinks, suitable for clean layouts or impactful branding.

#ADD8E6 · #FF69B4 · #FFC0CB

CSS variables

:root {
  --bubblegum-pop-party-2-1: #FFC0CB;
  --bubblegum-pop-party-2-2: #FF69B4;
  --bubblegum-pop-party-2-3: #ADD8E6;
  --bubblegum-pop-party-2-4: #90EE90;
  --bubblegum-pop-party-2-5: #FFD700;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bubblegum-pop-party-2": {
        1: "#FFC0CB",
        2: "#FF69B4",
        3: "#ADD8E6",
        4: "#90EE90",
        5: "#FFD700",
      }
    }
  }
}

Hex values

Color 1#FFC0CB

Color 2#FF69B4

Color 3#ADD8E6

Color 4#90EE90

Color 5#FFD700

Accessibility

Contrast checker

1.7:1Fail

1:1Fail

1.1:1Fail

1.7:1Fail

1.9:1Fail

1:1Fail

1.7:1Fail

1.1:1Fail

1.9:1Fail

1.1:1Fail

1:1Fail

1.1:1Fail

1.9:1Fail

1.1:1Fail

1:1Fail

Similar palettes

More like Bubblegum Pop Party

Bubblegum Pop Party

See it in context.

Ready when you are.

Built with Bubblegum Pop Party.

How to use Bubblegum Pop Party

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Party Mix

Sweet Garden

Bubble Fun

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Bubblegum Pop Party