Back to palettes

Palette

Candy Floss Cloud

A whimsical and lighthearted collection of soft, sugary hues, like a confection 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 Floss 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 Floss Cloud.

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

Data visualization

#F6A7B8#F9D0DF#D7A9E3#B8D8F7#A8E8DC

Palette guide

How to use Candy Floss Cloud

Overview

The Candy Floss Cloud palette is a whimsical and lighthearted collection of soft, sugary hues, like a confection floating in the sky. It features a sweet pink #F6A7B8, a very light pink #F9D0DF, a soft lavender #D7A9E3, a gentle blue #B8D8F7, and a pale teal #A8E8DC. This delightful pastel range is perfect for designers and developers aiming to create innocent, playful, and dreamy digital or physical spaces. Its airy and harmonious colors evoke a sense of childhood wonder and gentle sweetness, ideal for projects that require a delicate and inviting aesthetic.

Best used for

  • Baby-related products and apparel
  • Children's party themes and decor
  • Whimsical branding and marketing
  • Sweet shop interiors and packaging
  • Digital illustrations and character design
  • Soft fashion editorials and blogs

Suggested color roles

primary

Use #F6A7B8 (soft pink) as a sweet and inviting primary color for main content or brand identity.

secondary

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

accent

Introduce #A8E8DC (pale teal) for a refreshing pop, subtle highlights, or unique decorative details.

background

Utilize #F9D0DF (very light pink) as an airy and clean background, providing a delicate canvas.

text

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

Accessibility notes

  • All colors are light and unsuitable for text on their own due to insufficient contrast.
  • Always use dark neutral text (charcoal or black) for readability (WCAG AA) on any background from this palette.
  • #F9D0DF is an excellent airy background choice for dark text.
  • These pastels are ideal for large decorative areas, subtle gradients, and illustrations where text contrast is not critical.

Recommended combinations

Dreamy Pastel Mix

Ideal for soft web design, playful branding, or creating an ethereal and harmonious visual experience.

#F9D0DF · #F6A7B8 · #B8D8F7

Whimsical Garden

Perfect for children's book covers, gentle illustrations, or designs that require a magical, lighthearted feel.

#A8E8DC · #D7A9E3 · #F6A7B8

Sugary Sky

Effective for background patterns, subtle UI elements, or to create a cohesive and soft pastel aesthetic.

#B8D8F7 · #F9D0DF · #D7A9E3

CSS variables

:root {
  --candy-floss-cloud-2-1: #F6A7B8;
  --candy-floss-cloud-2-2: #F9D0DF;
  --candy-floss-cloud-2-3: #D7A9E3;
  --candy-floss-cloud-2-4: #B8D8F7;
  --candy-floss-cloud-2-5: #A8E8DC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "candy-floss-cloud-2": {
        1: "#F6A7B8",
        2: "#F9D0DF",
        3: "#D7A9E3",
        4: "#B8D8F7",
        5: "#A8E8DC",
      }
    }
  }
}

Related searches

candy floss pastellight sweet colorswhimsical baby palettecotton candy designsoft airy hues

Palette colors

Hex values

Color 1#F6A7B8
·
Color 2#F9D0DF
·
Color 3#D7A9E3
·
Color 4#B8D8F7
·
Color 5#A8E8DC
·

Accessibility

Contrast checker

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

Similar palettes

More like Candy Floss Cloud

View all pastel
Candy Cloud Fluff
Candy Shop Whimsy
Dreamy Cloud Swirl
Fairy Floss Swirl
Macaroon Glaze Delight
Milkshake Dream Diner