Back to palettes

Palette

Candy Cloud

A fluffy, dreamlike assortment of soft pastel colors, like vibrant candy floss floating in the sky.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFC0CB#ADD8E6#E6E6FA#FFDAB9#F0F8FF

Palette guide

How to use Candy Cloud

Overview

The Candy Cloud palette is a fluffy, dreamlike assortment of soft pastel colors, like vibrant candy floss floating in the sky. It features a sweet pink #FFC0CB, a calming light blue #ADD8E6, a very pale lavender #E6E6FA, a warm light peach #FFDAB9, and an ethereal blue-white #F0F8FF. This palette is ideal for designers and developers creating whimsical, gentle, and inviting digital or physical spaces. Its soft hues evoke a sense of innocence and lightness, perfect for projects requiring a delicate, sweet, and dreamy aesthetic that appeals to a gentle sensibility.

Best used for

  • Baby product branding and packaging
  • Children's book illustrations
  • Whimsical website designs
  • Sweet shop and confectionery branding
  • Romantic event decor and invitations
  • Soft fashion and lifestyle accessories

Suggested color roles

primary

Use #ADD8E6 (soft light blue) as a calm and airy foundation for main content areas.

secondary

Employ #FFC0CB (pastel pink) for sweet and inviting elements, or as a gentle secondary color.

accent

Introduce #FFDAB9 (light peach) as a warm and gentle highlight for subtle accents or decorative details.

background

Utilize #F0F8FF (very light blue-white) as an airy and clean background, providing ample space and lightness.

text

A dark grey (e.g., #4A4A4A) or charcoal is essential for all text to ensure optimal readability, as all palette colors are very light.

Accessibility notes

  • All colors in this palette are very light; none should be used for body text directly due to insufficient contrast.
  • Always use a dark grey or black text on backgrounds like #F0F8FF or #E6E6FA for adequate readability (WCAG AA).
  • These pastels work best for large shapes, illustrations, background gradients, or subtle UI elements.
  • Ensure interactive elements have a clear visual state change, perhaps a slightly darker shade on hover, due to the low contrast between colors.

Recommended combinations

Dreamy Sky

Ideal for soft landing pages, children's themes, or designs that evoke a serene and ethereal atmosphere.

#F0F8FF · #ADD8E6 · #FFC0CB

Sweet Whimsy

Perfect for background patterns, subtle branding elements, or to create a gentle, inviting visual texture.

#FFDAB9 · #E6E6FA · #ADD8E6

Fluffy Contrast

Effective for decorative elements or large headings, always paired with dark text for legibility.

#FFC0CB · #F0F8FF · #FFDAB9

CSS variables

:root {
  --candy-cloud-2-1: #FFC0CB;
  --candy-cloud-2-2: #ADD8E6;
  --candy-cloud-2-3: #E6E6FA;
  --candy-cloud-2-4: #FFDAB9;
  --candy-cloud-2-5: #F0F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "candy-cloud-2": {
        1: "#FFC0CB",
        2: "#ADD8E6",
        3: "#E6E6FA",
        4: "#FFDAB9",
        5: "#F0F8FF",
      }
    }
  }
}

Related searches

pastel candy palettesoft whimsical colorsdreamy baby colorslight pink blue yellowcandy floss aesthetic

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#ADD8E6
·
Color 3#E6E6FA
·
Color 4#FFDAB9
·
Color 5#F0F8FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.2:1Fail
1.2:1Fail
1.4:1Fail
2
1:1Fail
1.2:1Fail
1.2:1Fail
1.4:1Fail
3
1.2:1Fail
1.2:1Fail
1.1:1Fail
1.1:1Fail
4
1.2:1Fail
1.2:1Fail
1.1:1Fail
1.2:1Fail
5
1.4:1Fail
1.4:1Fail
1.1:1Fail
1.2:1Fail

Similar palettes

More like Candy Cloud

View all pastel