Back to palettes

Palette

Pastel Bubblegum Pop

A sweet and whimsical palette of soft pinks and blues, reminiscent of delightful bubblegum flavors.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFC0CB#FFB6C1#F08080#FF69B4#ADD8E6

Palette guide

How to use Pastel Bubblegum Pop

Overview

The Pastel Bubblegum Pop palette delivers a sweet and whimsical blend of soft pinks and blues, reminiscent of delightful bubblegum flavors. Featuring #FFC0CB (pink), #FFB6C1 (lighter pink), #F08080 (coral), #FF69B4 (hot pink), and #ADD8E6 (light blue), this collection is perfect for designers and developers aiming for a playful and energetic aesthetic. The vibrant pops of pink against the calming blue create a dynamic yet approachable feel, ideal for projects that need to convey youthfulness, fun, and a touch of nostalgic charm without being overly intense. It's a truly cheerful and engaging selection.

Best used for

  • Children's toy packaging and branding
  • Sweet shop or bakery branding
  • Fun mobile application interfaces
  • Youth-oriented fashion accessories
  • Social media graphics for playful brands
  • Event invitations for birthdays or baby showers

Suggested color roles

primary

Use #FFC0CB as a cheerful and inviting primary color, forming a sweet base for your design.

secondary

Employ #ADD8E6 to provide a cool, complementary contrast, perfect for balancing the warm pinks.

accent

Apply #FF69B4 for a vibrant and energetic pop, ideal for calls to action, crucial highlights, or playful graphics.

background

Utilize #FFC0CB as a soft, warm background to maintain a consistent sweet and playful atmosphere.

text

For strong readability, use a dark charcoal text, such as #333333, or black for headlines and body content.

Accessibility notes

  • The vibrant #FF69B4 on lighter pastels (like #FFC0CB) needs careful contrast checks for accessibility.
  • Avoid using #F08080 and #FFB6C1 too close together without sufficient visual separation for distinct elements.
  • Ensure text on #ADD8E6 has good readability, especially for body text, by choosing a sufficiently dark color.
  • Consider larger font sizes or bolding for headings that use lighter colors from the palette.

Recommended combinations

Playful UI

Design a fun user interface: #ADD8E6 for the background, #FFC0CB for card elements, and #FF69B4 for prominent buttons.

#ADD8E6 · #FFC0CB · #FF69B4

Bold Contrast

Create visual interest: #FFC0CB as a background, #F08080 for a strong header, and #ADD8E6 for sub-elements.

#FFC0CB · #F08080 · #ADD8E6

Sweet Gradient

Combine these for a soft, playful background gradient in banners or hero sections, adding a touch of whimsy.

#FFB6C1 · #FFC0CB · #ADD8E6

CSS variables

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

Tailwind config

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

Related searches

fun pastel pink blueplayful bubblegum colorssweet vibrant palettecheerful kids designsoft pop aesthetic

Palette colors

Hex values

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

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.7:1Fail
1.7:1Fail
1:1Fail
2
1.1:1Fail
1.6:1Fail
1.6:1Fail
1.1:1Fail
3
1.7:1Fail
1.6:1Fail
1:1Fail
1.7:1Fail
4
1.7:1Fail
1.6:1Fail
1:1Fail
1.7:1Fail
5
1:1Fail
1.1:1Fail
1.7:1Fail
1.7:1Fail

Similar palettes

More like Pastel Bubblegum Pop

View all pastel
Bubblegum Carnival Pop
Candy Floss Dream
Candyfloss Cloud Dream
Carnival Cotton Candy
Carnival Cotton Sky
Pastel Candy Cloud