Back to palettes

Palette

Bubblegum Pop Sky

Whimsical and light, like cotton candy clouds floating in a serene, pastel blue sky.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFC0CB#FFB6C1#87CEEB#ADD8E6#FFF0F5

Palette guide

How to use Bubblegum Pop Sky

Overview

The Bubblegum Pop Sky palette offers a whimsical and light aesthetic, perfect for designs that evoke serene, pastel blue skies filled with cotton candy clouds. This collection of soft hues, including the gentle pink of #FFC0CB, the calming sky blue of #87CEEB, and the airy off-white of #FFF0F5, is ideal for creating a dreamy and playful atmosphere. Designers can leverage this palette for projects requiring a touch of sweetness and tranquility, ensuring a harmonious balance between its delicate pinks and refreshing blues. The subtle variations, such as #FFB6C1 and #ADD8E6, provide ample flexibility for depth without sacrificing its inherent softness.

Best used for

  • Children's apparel and toy branding
  • Baby shower invitations and decor
  • Wedding stationery with a soft theme
  • Spring fashion collections
  • Serene digital interfaces and apps
  • Sweet shop or bakery branding

Suggested color roles

primary

Use #87CEEB as a calming and expansive primary color, perfect for large background areas or main branding elements, evoking a clear sky.

secondary

Apply #FFC0CB as a playful secondary color for accents, headers, or illustrative elements, adding a sweet, bubblegum touch.

accent

Introduce #FFB6C1 as a subtle accent for delicate details, hover states, or small decorative elements, providing a lighter pink highlight.

background

Utilize #FFF0F5 for a clean, airy background that allows the other pastel colors to pop gently without overwhelming the design.

text

For headlines, consider #ADD8E6 for a soft, integrated look. For body text, a dark charcoal or deep blue ensures optimal readability against light backgrounds.

Accessibility notes

  • Ensure sufficient contrast when pairing light blues like #ADD8E6 with very light backgrounds like #FFF0F5 for text to meet WCAG standards.
  • Always use a darker color, such as a deep charcoal or navy, for body text to guarantee readability for all users.
  • The light pastel shades may struggle to meet contrast ratios against each other; use them carefully in gradients or large decorative blocks.
  • Test all text and interactive element color combinations for readability, especially for users with low vision or color vision deficiencies.

Recommended combinations

Sweet Serenity

Ideal for a gentle, inviting header or hero section on a website or digital product.

#87CEEB · #FFC0CB · #FFF0F5

Cloud Candy

Great for playful illustrations, subtle UI elements, or accenting decorative patterns.

#FFB6C1 · #ADD8E6 · #FFF0F5

Sky Dream

Perfect for dreamy social media graphics, children's book layouts, or soft branding elements.

#87CEEB · #ADD8E6 · #FFC0CB

CSS variables

:root {
  --bubblegum-pop-sky-1: #FFC0CB;
  --bubblegum-pop-sky-2: #FFB6C1;
  --bubblegum-pop-sky-3: #87CEEB;
  --bubblegum-pop-sky-4: #ADD8E6;
  --bubblegum-pop-sky-5: #FFF0F5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bubblegum-pop-sky": {
        1: "#FFC0CB",
        2: "#FFB6C1",
        3: "#87CEEB",
        4: "#ADD8E6",
        5: "#FFF0F5",
      }
    }
  }
}

Related searches

pastel pink blue palettesweet sky color schemeplayful candy colorslight whimsical designsoft baby brand colors

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#FFB6C1
·
Color 3#87CEEB
·
Color 4#ADD8E6
·
Color 5#FFF0F5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.1:1Fail
1:1Fail
1.4:1Fail
2
1.1:1Fail
1.1:1Fail
1.1:1Fail
1.5:1Fail
3
1.1:1Fail
1.1:1Fail
1.1:1Fail
1.6:1Fail
4
1:1Fail
1.1:1Fail
1.1:1Fail
1.4:1Fail
5
1.4:1Fail
1.5:1Fail
1.6:1Fail
1.4:1Fail

Similar palettes

More like Bubblegum Pop Sky

View all pastel
Candy Cloud Dream
Candy Floss Cloud
Candy Floss Serenade
Candy Floss Swirl
Candy Shop Whimsy
Confection Dream Puff