Back to palettes

Palette

Bubblegum Pop Burst

A joyful explosion of soft pinks and blues, evoking the sweet and playful essence of bubblegum bubbles.

pastelplayful5 colors
More pastel 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#FFB6C1#87CEEB#B0E0E6#FFE4E1

Palette guide

How to use Bubblegum Pop Burst

Overview

The Bubblegum Pop Burst palette is a joyful explosion of soft pinks and blues, evoking the sweet and playful essence of bubblegum bubbles. It features #FF69B4 (hot pink), #FFB6C1 (light pink), #87CEEB (sky blue), #B0E0E6 (powder blue), and #FFE4E1 (misty rose). This pastel collection is perfect for designers and developers aiming to create gentle, imaginative, and inviting experiences. It's ideal for projects that require a lighthearted, ethereal, and sweet aesthetic, reminiscent of childhood fantasies and soft dreams.

Best used for

  • Baby clothing and nursery decor branding
  • Sweet treats and confectionery branding
  • Whimsical digital art and illustrations
  • Gentle social media graphics and content
  • Children's toy packaging and creative projects
  • Lighthearted digital art and personal branding

Suggested color roles

primary

Use #FF69B4 for vibrant, classic bubblegum pink focal points or larger content areas, conveying playful energy.

secondary

Employ #87CEEB and #FFB6C1 for balancing elements, backgrounds, or to introduce a gentle, dreamy contrast.

accent

Apply #B0E0E6 for subtle highlights or soft background areas, and #FFE4E1 for an ethereal, airy feel.

background

A very light #FFE4E1 or #B0E0E6 provides an excellent, delicate base, allowing the other pastels to blend harmoniously.

text

Dark grey or charcoal (#555555) is essential for text readability against these very light pastel backgrounds. White text works on #FF69B4.

Accessibility notes

  • The lightest shades, #FFB6C1, #B0E0E6, and #FFE4E1, will require dark text (charcoal or a muted dark blue/pink) for sufficient contrast.
  • Ensure #87CEEB and #FF69B4 have adequate contrast with white text, especially for smaller font sizes.
  • Avoid using similar pastel tones for text and background without careful contrast checking.
  • Always verify color contrast for all text and interactive elements to meet accessibility standards.

Recommended combinations

Sweet Clouds

Combines vibrant pink, soft blue, and airy white, ideal for cheerful backgrounds or playful accents.

#FF69B4 · #87CEEB · #FFE4E1

Bubble Dream

Creates a gentle, harmonious, and playful blend, perfect for inviting backgrounds or delicate branding.

#FFB6C1 · #B0E0E6 · #87CEEB

Joyful Air

Offers a light base with a pop of pink, suitable for subtle accents or ethereal designs.

#FFE4E1 · #FF69B4 · #FFB6C1

CSS variables

:root {
  --bubblegum-pop-burst-1: #FF69B4;
  --bubblegum-pop-burst-2: #FFB6C1;
  --bubblegum-pop-burst-3: #87CEEB;
  --bubblegum-pop-burst-4: #B0E0E6;
  --bubblegum-pop-burst-5: #FFE4E1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bubblegum-pop-burst": {
        1: "#FF69B4",
        2: "#FFB6C1",
        3: "#87CEEB",
        4: "#B0E0E6",
        5: "#FFE4E1",
      }
    }
  }
}

Related searches

pastel bubblegum palettesoft pink blue schemeplayful candy colorswhimsical baby designlight cheerful hues

Palette colors

Hex values

Color 1#FF69B4
·
Color 2#FFB6C1
·
Color 3#87CEEB
·
Color 4#B0E0E6
·
Color 5#FFE4E1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.5:1Fail
1.8:1Fail
2.2:1Fail
2
1.6:1Fail
1.1:1Fail
1.2:1Fail
1.4:1Fail
3
1.5:1Fail
1.1:1Fail
1.2:1Fail
1.4:1Fail
4
1.8:1Fail
1.2:1Fail
1.2:1Fail
1.2:1Fail
5
2.2:1Fail
1.4:1Fail
1.4:1Fail
1.2:1Fail

Similar palettes

More like Bubblegum Pop Burst

View all pastel