Back to palettes

Palette

Bubblegum Dream Pop

A playful mix of pastel pinks, blues, and purples, like a sweet, sugary confection.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF69B4#FFC0CB#ADD8E6#87CEEB#DA70D6

Palette guide

How to use Bubblegum Dream Pop

Overview

The Bubblegum Dream Pop palette is a playful mix of pastel pinks, blues, and purples, like a sweet, sugary confection. It features #FF69B4 (hot pink), #FFC0CB (pale pink), #ADD8E6 (light blue), #87CEEB (sky blue), and #DA70D6 (orchid purple). This vibrant yet soft collection is perfect for designers and developers aiming to create fun, imaginative, and inviting experiences. It's ideal for projects that evoke a sense of youthful charm, sweetness, and whimsical delight, making it very versatile for creative applications.

Best used for

  • Youth-oriented product branding and packaging
  • Sweet shop and confectionery branding
  • Playful website headers and digital campaigns
  • Children's party invitations and decor
  • Fashion accessories and apparel design
  • Vibrant social media graphics

Suggested color roles

primary

Use #FF69B4 for energetic calls to action or prominent graphic elements, capturing attention with its classic bubblegum appeal.

secondary

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

accent

Apply #FFC0CB and #ADD8E6 for soft transitions, delicate backgrounds, or to add an ethereal, dreamy touch.

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 recommended for text on lighter backgrounds. White text works well on #FF69B4, #87CEEB, and #DA70D6.

Accessibility notes

  • Lighter shades like #FFC0CB and #ADD8E6 will require dark text for sufficient contrast and readability.
  • Ensure #FF69B4, #87CEEB, and #DA70D6 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 Fantasy

A bold pink and purple with a soft touch, ideal for impactful branding or feature sections.

#FF69B4 · #DA70D6 · #FFC0CB

Sky Candy

Combines cool blues with a vibrant pink, perfect for airy backgrounds or cheerful accents.

#87CEEB · #ADD8E6 · #FF69B4

Pop Swirl

A dynamic, playful, and inviting combination, suitable for headers or interactive elements.

#DA70D6 · #87CEEB · #FFC0CB

CSS variables

:root {
  --bubblegum-dream-pop-1: #FF69B4;
  --bubblegum-dream-pop-2: #FFC0CB;
  --bubblegum-dream-pop-3: #ADD8E6;
  --bubblegum-dream-pop-4: #87CEEB;
  --bubblegum-dream-pop-5: #DA70D6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bubblegum-dream-pop": {
        1: "#FF69B4",
        2: "#FFC0CB",
        3: "#ADD8E6",
        4: "#87CEEB",
        5: "#DA70D6",
      }
    }
  }
}

Related searches

bubblegum pastel palettesweet pop colorswhimsical pink bluecandy shop designplayful youth scheme

Palette colors

Hex values

Color 1#FF69B4
·
Color 2#FFC0CB
·
Color 3#ADD8E6
·
Color 4#87CEEB
·
Color 5#DA70D6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1.7:1Fail
1.5:1Fail
1.1:1Fail
2
1.7:1Fail
1:1Fail
1.1:1Fail
1.9:1Fail
3
1.7:1Fail
1:1Fail
1.1:1Fail
1.9:1Fail
4
1.5:1Fail
1.1:1Fail
1.1:1Fail
1.7:1Fail
5
1.1:1Fail
1.9:1Fail
1.9:1Fail
1.7:1Fail

Similar palettes

More like Bubblegum Dream Pop

View all pastel
Bubblegum Dream Cloud
Candy Cloud
Candyfloss Cloud Dream
Cotton Candy Dream
Cotton Candy Dream
Cotton Candy Dreams