Back to palettes

Palette

Cotton Candy Dream

A soft, whimsical collection evoking the airy sweetness 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 Cotton Candy 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 Cotton Candy Dream.

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

Data visualization

#FFD1DC#FFABAB#C0EDF2#B9FBC0#FEE3E6

Palette guide

How to use Cotton Candy Dream

Overview

The Cotton Candy Dream palette is a soft, whimsical collection evoking the airy sweetness of cotton candy clouds. It features gentle pinks like #FFD1DC (Pink Lace) and #FFABAB (Light Salmon), alongside refreshing blues like #C0EDF2 (Light Cyan) and #B9FBC0 (Light Green). A delicate #FEE3E6 (Misty Rose) completes this dreamy spectrum. This palette is ideal for designs that aim for a sweet, innocent, and calming feel, perfect for baby brands, romantic aesthetics, or any project requiring a touch of lighthearted charm and ethereal beauty.

Best used for

  • Baby and children's product branding
  • Romantic lifestyle blogs and websites
  • Sweet shop or dessert branding
  • Wedding and baby shower invitations
  • Spa or wellness brand aesthetics
  • Soft and whimsical social media content

Suggested color roles

primary

Use #FEE3E6 or #C0EDF2 as a soft, ethereal background, creating an open and inviting space.

secondary

Apply #FFD1DC or #B9FBC0 for distinct sections, headers, or subtle patterned elements.

accent

Utilize #FFABAB for delicate highlights, small icons, or a subtle glow on interactive components.

background

The lightest hues #FEE3E6 and #C0EDF2 are excellent for creating airy, gentle backdrops.

text

For primary text, use a dark charcoal or medium gray. Avoid using light pastels for body text.

Accessibility notes

  • Ensure sufficient contrast between dark text (charcoal, medium gray) and all light pastel backgrounds.
  • Avoid using any of the palette's colors for text on other light colors; they will fail contrast checks for readability.
  • Use these colors primarily for backgrounds, illustrations, and non-textual elements.
  • When using for critical information, pair with a highly contrasting dark text color like black or #333333.

Recommended combinations

Dreamy Pastels

Creates a serene, layered background effect, perfect for a dreamy and inviting atmosphere.

#FEE3E6 · #C0EDF2 · #FFD1DC

Sweet Whisper

Ideal for delicate elements, blending soft pink, green, and a slightly warmer pink for a gentle, whimsical feel.

#FFD1DC · #B9FBC0 · #FFABAB

Candy Pop

Combines a soft blue, pink, and green for playful yet gentle patterns or section dividers.

#C0EDF2 · #FFD1DC · #B9FBC0

CSS variables

:root {
  --cotton-candy-dream-2-1: #FFD1DC;
  --cotton-candy-dream-2-2: #FFABAB;
  --cotton-candy-dream-2-3: #C0EDF2;
  --cotton-candy-dream-2-4: #B9FBC0;
  --cotton-candy-dream-2-5: #FEE3E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cotton-candy-dream-2": {
        1: "#FFD1DC",
        2: "#FFABAB",
        3: "#C0EDF2",
        4: "#B9FBC0",
        5: "#FEE3E6",
      }
    }
  }
}

Related searches

pastel pink blue green palettecotton candy aesthetic colorsdreamy soft color schemebaby branding color ideaswhimsical light design

Palette colors

Hex values

Color 1#FFD1DC
·
Color 2#FFABAB
·
Color 3#C0EDF2
·
Color 4#B9FBC0
·
Color 5#FEE3E6
·

Accessibility

Contrast checker

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

Similar palettes

More like Cotton Candy Dream

View all pastel
Confection Dream Puff
Whimsical Candy Cloud
Bubblegum Galaxy Dream
Bubblegum Pop Sky
Candy Cloud Dream
Candy Floss Cloud