Back to palettes

Palette

Candy Floss Clouds

Light and airy pinks and purples, like fluffy spun sugar clouds at a delightful summer fair.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFC0CB#FFB6C1#FADADD#E0BBE4#ADD8E6

Palette guide

How to use Candy Floss Clouds

Overview

The Candy Floss Clouds palette features light and airy pinks and purples, like fluffy spun sugar clouds at a delightful summer fair. It includes a classic pink #FFC0CB, a slightly warmer pink #FFB6C1, a very pale pink #FADADD, a soft lavender #E0BBE4, and a calming light blue #ADD8E6. This whimsical pastel collection is perfect for designers and developers aiming to create innocent, playful, and dreamy digital or physical spaces. Its harmonious hues evoke a sense of childhood wonder and gentle sweetness, ideal for projects that require a delicate and inviting aesthetic.

Best used for

  • Children's brands and educational apps
  • Whimsical party invitations and decor
  • Sweet shop and confectionery branding
  • Feminine fashion accessories and blogs
  • Dreamy digital art and illustrations
  • Summer event marketing and promotions

Suggested color roles

primary

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

secondary

Employ #E0BBE4 (light lavender) as a gentle and calming secondary color, for backgrounds or accents.

accent

Introduce #ADD8E6 (light blue) for a refreshing and cool pop, subtle highlights, or unique decorative details.

background

Utilize #FADADD (very pale pink) as an airy and clean background, providing a delicate 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. Text must be a dark neutral (charcoal or black) for sufficient contrast (WCAG AA) on any of these backgrounds.
  • #FADADD provides a good airy background choice for dark text.
  • These pastels are ideal for large areas, subtle gradients, and decorative elements where text contrast is not critical.
  • Ensure interactive elements have clear visual states, perhaps using a slightly darker shade on hover, due to the low contrast between colors.

Recommended combinations

Dreamy Summer

Ideal for soft website backgrounds, romantic themes, or creating an ethereal and serene visual experience.

#FADADD · #FFC0CB · #E0BBE4

Fluffy Mix

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

#FFB6C1 · #ADD8E6 · #FADADD

Sweet Sky

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

#E0BBE4 · #ADD8E6 · #FFC0CB

CSS variables

:root {
  --candy-floss-clouds-1: #FFC0CB;
  --candy-floss-clouds-2: #FFB6C1;
  --candy-floss-clouds-3: #FADADD;
  --candy-floss-clouds-4: #E0BBE4;
  --candy-floss-clouds-5: #ADD8E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "candy-floss-clouds": {
        1: "#FFC0CB",
        2: "#FFB6C1",
        3: "#FADADD",
        4: "#E0BBE4",
        5: "#ADD8E6",
      }
    }
  }
}

Related searches

pastel pink purple bluecandy floss summerlight playful colorssweet spun sugar palettedreamy fairground design

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#FFB6C1
·
Color 3#FADADD
·
Color 4#E0BBE4
·
Color 5#ADD8E6
·

Accessibility

Contrast checker

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

Similar palettes

More like Candy Floss Clouds

View all pastel
Whimsical Candy Fluff
Bubblegum Carnival Pop
Candy Cloud Dream
Candy Cloud Fluff
Candy Floss Cloud
Candy Floss Cloud