Back to palettes

Palette

Bubblegum Dream Cloud

Soft, sugary pastels evoking a playful, whimsical dreamland filled with candy-floss clouds.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFB6C1#ADD8E6#D8BFD8#FFDAB9#F0F8FF

Palette guide

How to use Bubblegum Dream Cloud

Overview

The Bubblegum Dream Cloud palette features soft, sugary pastels, evoking a playful, whimsical dreamland filled with candy-floss clouds. This enchanting collection includes #FFB6C1 (light pink), #ADD8E6 (light blue), #D8BFD8 (thistle purple), #FFDAB9 (peach puff), and #F0F8FF (alice blue). Designers and developers will find this palette perfect for creating gentle, comforting, and imaginative experiences. It's ideal for projects that require a lighthearted, ethereal, and sweet aesthetic, reminiscent of childhood fantasies.

Best used for

  • Nursery decor and baby apparel branding
  • Sweet treats and confectionery branding
  • Whimsical digital art and illustrations
  • Baby shower themes and party supplies
  • Gentle lifestyle blogs and social media
  • Children's toy packaging and creative projects

Suggested color roles

primary

Use #FFB6C1 for soft, inviting focal points or larger content areas, conveying warmth and sweetness.

secondary

Employ #ADD8E6 and #D8BFD8 for balancing elements, backgrounds, or to introduce a gentle, dreamy contrast.

accent

Apply #FFDAB9 for subtle warmth and highlights, and #F0F8FF for an ethereal, airy background or delicate details.

background

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

text

Light grey or charcoal (#555555) is essential for text readability against these very light pastel backgrounds.

Accessibility notes

  • All colors in this palette are very light and require dark text (charcoal, dark grey, or a muted dark blue/purple) for sufficient contrast.
  • Avoid using white or light-colored text on any of these pastels; it will likely fail contrast requirements.
  • Ensure good contrast for all interactive elements, even if they are subtly colored.
  • Consider larger font sizes for body text to enhance readability, given the soft nature of the palette.

Recommended combinations

Cloud Nine

Creates an airy, dreamy, and light combination, ideal for ethereal backgrounds or gentle branding.

#FFB6C1 · #ADD8E6 · #F0F8FF

Candy Sky

Offers a sweet, whimsical, and soft blend, perfect for playful illustrations or decorative elements.

#D8BFD8 · #FFDAB9 · #ADD8E6

Gentle Whisper

Provides an ethereal and harmonious feel, suitable for subtle accents or delicate patterns.

#F0F8FF · #FFB6C1 · #D8BFD8

CSS variables

:root {
  --bubblegum-dream-cloud-1: #FFB6C1;
  --bubblegum-dream-cloud-2: #ADD8E6;
  --bubblegum-dream-cloud-3: #D8BFD8;
  --bubblegum-dream-cloud-4: #FFDAB9;
  --bubblegum-dream-cloud-5: #F0F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bubblegum-dream-cloud": {
        1: "#FFB6C1",
        2: "#ADD8E6",
        3: "#D8BFD8",
        4: "#FFDAB9",
        5: "#F0F8FF",
      }
    }
  }
}

Related searches

pastel dream palettesoft whimsical colorsbaby room colorscandy floss schemelight airy pastels

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#ADD8E6
·
Color 3#D8BFD8
·
Color 4#FFDAB9
·
Color 5#F0F8FF
·

Accessibility

Contrast checker

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

Similar palettes

More like Bubblegum Dream Cloud

View all pastel