Back to palettes

Palette

Candy Floss Cloud

A whimsical array of soft pinks, evoking the sugary sweetness and airy texture of cotton candy clouds.

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

#FFCCD2#FFC0CB#E6A2BB#C282A0#A06484

Palette guide

How to use Candy Floss Cloud

Overview

The Candy Floss Cloud palette is a whimsical array of soft pinks, evoking the sugary sweetness and airy texture of cotton candy clouds. It features a range from the very light #FFCCD2 and #FFC0CB to the medium #E6A2BB, with deeper tones of #C282A0 and #A06484 adding gentle sophistication. This enchanting pastel collection is perfect for designers and developers aiming to create sweet, playful, and dreamy digital or physical environments. Its harmonious pinks are ideal for conveying romance, femininity, and a touch of whimsical charm, making every design feel like a delicate confection.

Best used for

  • Feminine branding and identity
  • Romantic themes and wedding collateral
  • Sweet shop and confectionery packaging
  • Children's party decor and invitations
  • Whimsical digital art and illustrations
  • Beauty product design and marketing

Suggested color roles

primary

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

secondary

Employ #E6A2BB (medium pink) for gentle depth, subheadings, or secondary content areas.

accent

Introduce #A06484 (deeper dusty rose) for a sophisticated touch, subtle accents, or interactive elements.

background

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

text

Apply #A06484 (darker pink-purple) for primary text on light backgrounds to ensure good readability, or charcoal for maximum contrast.

Accessibility notes

  • Text in #A06484 on #FFCCD2 background should provide reasonable contrast for larger text (WCAG AA). For small text, consider charcoal or black.
  • The lightest shades, #FFCCD2 and #FFC0CB, are best for backgrounds, not for small or critical text.
  • Ensure sufficient contrast for all text, especially if using the mid-tones like #E6A2BB for body copy.
  • Interactive elements should have clear hover/focus states, possibly using #C282A0 for distinct contrast.

Recommended combinations

Pink Dream

Ideal for soft website backgrounds, delicate branding, or creating an ethereal and harmonious visual experience.

#FFCCD2 · #FFC0CB · #E6A2BB

Sweet Depth

Perfect for elegant headers, subtle patterns, or adding visual interest with soft color transitions.

#C282A0 · #A06484 · #FFCCD2

Floss Gradient

Effective for illustrations, decorative elements, or creating a cohesive and flowing pastel aesthetic.

#E6A2BB · #C282A0 · #A06484

CSS variables

:root {
  --candy-floss-cloud-3-1: #FFCCD2;
  --candy-floss-cloud-3-2: #FFC0CB;
  --candy-floss-cloud-3-3: #E6A2BB;
  --candy-floss-cloud-3-4: #C282A0;
  --candy-floss-cloud-3-5: #A06484;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "candy-floss-cloud-3": {
        1: "#FFCCD2",
        2: "#FFC0CB",
        3: "#E6A2BB",
        4: "#C282A0",
        5: "#A06484",
      }
    }
  }
}

Related searches

soft pink pastelcotton candy pinksweet feminine paletteplayful blush colorsmonochromatic pink design

Palette colors

Hex values

Color 1#FFCCD2
·
Color 2#FFC0CB
·
Color 3#E6A2BB
·
Color 4#C282A0
·
Color 5#A06484
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.4:1Fail
2.1:1Fail
3.2:1AA18
2
1.1:1Fail
1.3:1Fail
2:1Fail
2.9:1Fail
3
1.4:1Fail
1.3:1Fail
1.5:1Fail
2.2:1Fail
4
2.1:1Fail
2:1Fail
1.5:1Fail
1.5:1Fail
5
3.2:1AA18
2.9:1Fail
2.2:1Fail
1.5:1Fail

Similar palettes

More like Candy Floss Cloud

View all pastel
Sugared Confection Dreams
Bubblegum Carnival Pop
Candy Cloud Dream
Candy Cloud Fluff
Candy Floss Cloud
Candy Floss Clouds