Back to palettes

Palette

Candy Cloud

Soft, sugary pastels evoke a dreamy landscape of floating confectionery clouds and sweet daydreams.

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#FFB6C1#FFDAB9#E6E6FA#ADD8E6

Palette guide

How to use Candy Cloud

Overview

The Candy Cloud palette features soft, sugary pastels that evoke a dreamy landscape of floating confectionery clouds and sweet daydreams. This delightful collection includes a classic pink #FFC0CB, a slightly warmer pink #FFB6C1, a light peach #FFDAB9, a pale lavender #E6E6FA, and a calming light blue #ADD8E6. Designers and developers can harness these gentle hues to create whimsical, inviting, and lighthearted digital or physical spaces. It's an excellent choice for projects that aim to convey innocence, sweetness, and a touch of dreamy romance, appealing to a soft and imaginative sensibility.

Best used for

  • Feminine branding and identity
  • Baby products and nursery decor
  • Sweet shop and bakery aesthetics
  • Romantic themes and wedding collateral
  • Whimsical digital art and illustrations
  • Children's party decor and invitations

Suggested color roles

primary

Use #FFC0CB (light pink) as a sweet and central primary color for main content or brand identity.

secondary

Employ #ADD8E6 (light blue) as a calming counterpoint, for secondary information or background elements.

accent

Introduce #FFDAB9 (light peach) for warm and gentle highlights, or subtle decorative details.

background

Utilize #E6E6FA (pale lavender) as a soft and neutral base, providing an airy and dreamy canvas.

text

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

Accessibility notes

  • All colors are light and require dark neutral text (charcoal or black) for sufficient contrast (WCAG AA).
  • #E6E6FA is an excellent background choice for dark text, providing a soft contrast.
  • These pastels are perfect for large areas, gradients, or subtle UI elements where text is minimal or absent.
  • Avoid using any of these colors as text, especially for small font sizes, due to inherent low contrast.

Recommended combinations

Dreamy Pastel

Ideal for soft web backgrounds, romantic branding, or creating an ethereal and serene visual experience.

#E6E6FA · #FFC0CB · #ADD8E6

Sweet Harmony

Perfect for children's illustrations, subtle patterns, or designs that require a gentle and cohesive flow.

#FFB6C1 · #FFDAB9 · #E6E6FA

Cloudy Bliss

Effective for decorative elements, gentle gradients, or to create a whimsical and lighthearted visual dynamic.

#ADD8E6 · #FFC0CB · #FFDAB9

CSS variables

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

Tailwind config

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

Related searches

pastel pink bluesweet cloud palettedreamy girly colorslight confectionery themesoft romantic design

Palette colors

Hex values

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

Accessibility

Contrast checker

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

Similar palettes

More like Candy Cloud

View all pastel
Pastel Candy Dream
Bubblegum Carnival Pop
Bubblegum Dream Cloud
Bubblegum Dream Pop
Candy Cloud
Candy Floss Clouds