Back to palettes

Palette

Sweet Bubblegum Pop

A playful burst of cheerful pinks, evoking the sugary sweetness of bubblegum and cotton candy.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFC0CB#FF69B4#C71585#FFB6C1#F08080

Palette guide

How to use Sweet Bubblegum Pop

Overview

The "Sweet Bubblegum Pop" palette is a cheerful burst of sugary pinks, evoking the delightful sweetness of bubblegum and cotton candy. With hues ranging from the soft #FFC0CB to the vibrant #FF69B4 and the deep #C71585, alongside a touch of #F08080, this palette is inherently playful and inviting. Designers and developers will find it excellent for creating projects that require a youthful, fun, and lighthearted aesthetic. Its balanced mix of intensity allows for both subtle backgrounds and eye-catching accents, ensuring versatility across various applications.

Best used for

  • Children's apparel and toy branding
  • Dessert and bakery shop identities
  • Festive event promotions
  • Casual fashion and beauty blogs
  • Cute and playful mobile app interfaces
  • Social media content for a fun audience

Suggested color roles

primary

Use #C71585 for strong calls to action, main headings, or to add significant depth and impact.

secondary

Apply #FF69B4 for supporting elements, navigation, or to introduce a vibrant and energetic pink.

accent

Employ #F08080 as a warm, inviting accent for highlights or to add a subtle, playful variation.

background

Utilize #FFC0CB as a light, airy, and sweet background, providing a gentle base for other elements.

text

For optimal readability, use #C71585 for text on lighter backgrounds. A dark charcoal or black is also highly effective.

Accessibility notes

  • Ensure strong contrast between #C71585 and #FFC0CB for text to meet accessibility standards.
  • Be cautious when using #F08080 for small text on #FFC0CB, as contrast may be insufficient.
  • Consider increasing font size or weight for any text rendered in #FF69B4 on lighter backgrounds.
  • Always test color combinations for readability, especially for critical information and interactive elements.

Recommended combinations

Bold Pink Statement

Ideal for creating impactful headers and sections that require strong visual presence.

#C71585 · #FFC0CB · #FF69B4

Warm & Sweet Blend

Perfect for evoking a cozy and inviting atmosphere, suitable for product displays.

#F08080 · #FFB6C1 · #C71585

Soft & Playful

Creates a cheerful and approachable aesthetic, great for backgrounds with subtle accents.

#FFC0CB · #FF69B4 · #F08080

CSS variables

:root {
  --sweet-bubblegum-pop-1: #FFC0CB;
  --sweet-bubblegum-pop-2: #FF69B4;
  --sweet-bubblegum-pop-3: #C71585;
  --sweet-bubblegum-pop-4: #FFB6C1;
  --sweet-bubblegum-pop-5: #F08080;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-bubblegum-pop": {
        1: "#FFC0CB",
        2: "#FF69B4",
        3: "#C71585",
        4: "#FFB6C1",
        5: "#F08080",
      }
    }
  }
}

Related searches

cheerful pink color schemesweet candy pinksbubblegum inspired paletteplayful red pinklight fuchsia colors

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#FF69B4
·
Color 3#C71585
·
Color 4#FFB6C1
·
Color 5#F08080
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.5:1AA18
1.1:1Fail
1.7:1Fail
2
1.7:1Fail
2:1Fail
1.6:1Fail
1:1Fail
3
3.5:1AA18
2:1Fail
3.3:1AA18
2.1:1Fail
4
1.1:1Fail
1.6:1Fail
3.3:1AA18
1.6:1Fail
5
1.7:1Fail
1:1Fail
2.1:1Fail
1.6:1Fail

Similar palettes

More like Sweet Bubblegum Pop

View all pastel
Bubblegum Carnival Pop
Candy Cloud Dream
Candy Floss Cloud
Candy Floss Cloud
Candy Floss Clouds
Cotton Candy Swirl