Back to palettes

Palette

Candy Cloud Dream

A lighthearted blend of pastel pinks and purples, like wisps of sugary cotton candy 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 Dream 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 Dream.

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

Data visualization

#FFE8F2#FADCE8#F0C4DC#E2A0CC#D479BF

Palette guide

How to use Candy Cloud Dream

Overview

The Candy Cloud Dream palette is a lighthearted blend of pastel pinks and purples, like wisps of sugary cotton candy in the sky. It transitions from the ethereal #FFE8F2 and #FADCE8 to the soft #F0C4DC, with deeper tones of #E2A0CC and #D479BF adding gentle sophistication. This enchanting palette is perfect for designers and developers aiming to create sweet, playful, and dreamy digital or physical environments. Its soft, harmonious hues are ideal for evoking romance, innocence, and a touch of whimsy, making every design feel like a gentle daydream.

Best used for

  • Romantic branding and wedding invitations
  • Sweet shop and confectionery design
  • Children's products and clothing brands
  • Feminine fashion and beauty editorials
  • Whimsical digital art and illustrations
  • Dreamy social media content

Suggested color roles

primary

Use #F0C4DC (medium pastel pink) as a soft and inviting primary color for main sections.

secondary

Employ #E2A0CC (deeper pastel purple-pink) for gentle contrast, subheadings, or secondary content.

accent

Introduce #D479BF (richer plum-pink) for subtle depth, sophisticated accents, or interactive elements.

background

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

text

A dark grey (e.g., #555555) or charcoal is essential for all text to ensure optimal readability on these light backgrounds.

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.
  • #D479BF might be suitable for larger headings with white text, but not small body text.
  • The lightest shades, #FFE8F2 and #FADCE8, are exclusively for backgrounds or large decorative elements.
  • Ensure interactive elements have clear visual feedback, perhaps by using #D479BF for hover states or borders.

Recommended combinations

Cotton Candy Sky

Ideal for soft gradients, dreamy backgrounds, and designs that evoke a gentle, ethereal atmosphere.

#FFE8F2 · #FADCE8 · #F0C4DC

Sweet Depth

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

#E2A0CC · #D479BF · #FFE8F2

Playful Gradient

Effective for illustrations, decorative patterns, or creating a cohesive and harmonious pastel flow.

#F0C4DC · #E2A0CC · #D479BF

CSS variables

:root {
  --candy-cloud-dream-1: #FFE8F2;
  --candy-cloud-dream-2: #FADCE8;
  --candy-cloud-dream-3: #F0C4DC;
  --candy-cloud-dream-4: #E2A0CC;
  --candy-cloud-dream-5: #D479BF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "candy-cloud-dream": {
        1: "#FFE8F2",
        2: "#FADCE8",
        3: "#F0C4DC",
        4: "#E2A0CC",
        5: "#D479BF",
      }
    }
  }
}

Related searches

pastel pink purplecotton candy colorssweet dreamy palettelighthearted designwhimsical feminine colors

Palette colors

Hex values

Color 1#FFE8F2
·
Color 2#FADCE8
·
Color 3#F0C4DC
·
Color 4#E2A0CC
·
Color 5#D479BF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.3:1Fail
1.8:1Fail
2.5:1Fail
2
1.1:1Fail
1.2:1Fail
1.6:1Fail
2.3:1Fail
3
1.3:1Fail
1.2:1Fail
1.3:1Fail
1.9:1Fail
4
1.8:1Fail
1.6:1Fail
1.3:1Fail
1.4:1Fail
5
2.5:1Fail
2.3:1Fail
1.9:1Fail
1.4:1Fail

Similar palettes

More like Candy Cloud Dream

View all pastel
Candy Floss Cloud
Cotton Candy Swirl
Bubblegum Carnival Pop
Bubblegum Pop Sky
Candy Floss Cloud
Candy Floss Clouds