Back to palettes

Palette

Cotton Candy Dream

A soft, whimsical collection of pastels reminiscent of fluffy cotton candy clouds and sugary treats.

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

#FFB6C1#FFDAB9#E0BBE4#957DAD#C7CEEA

Palette guide

How to use Cotton Candy Dream

Overview

The Cotton Candy Dream palette is a soft, whimsical collection of pastels reminiscent of fluffy cotton candy clouds and sugary treats. It features gentle pinks like #FFB6C1 (Light Pink) and #FFDAB9 (Peach Puff), alongside comforting purples such as #E0BBE4 (Lavender) and #C7CEEA (Periwinkle). A deeper #957DAD (Lavender Gray) adds a grounding, sophisticated touch. This palette is ideal for designs that aim for a sweet, innocent, and playful feel, perfect for dessert branding, romantic aesthetics, or any project requiring a touch of lighthearted charm and ethereal beauty.

Best used for

  • Dessert or sweet shop branding and packaging
  • Romantic lifestyle blogs and websites
  • Wedding and baby shower invitations
  • Children's product design and illustration
  • Spa or wellness brand aesthetics
  • Soft and whimsical social media content

Suggested color roles

primary

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

secondary

Apply #FFB6C1 or #E0BBE4 for distinct sections, headers, or subtle patterned elements.

accent

Utilize #957DAD for delicate highlights, small icons, or a subtle glow on interactive components, offering depth.

background

The lighter hues #FFDAB9 and #C7CEEA 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

Sweet Treat

Creates a soft, layered background effect with a deeper accent color for titles or important details.

#FFDAB9 · #E0BBE4 · #957DAD

Dreamy Blend

Ideal for delicate elements, blending soft pink and purples for a gentle, whimsical feel.

#FFB6C1 · #C7CEEA · #E0BBE4

Pastel Pop

Combines a soft pink, peach, and a deeper lavender for playful yet gentle patterns or section dividers.

#FFB6C1 · #FFDAB9 · #957DAD

CSS variables

:root {
  --cotton-candy-dream-4-1: #FFB6C1;
  --cotton-candy-dream-4-2: #FFDAB9;
  --cotton-candy-dream-4-3: #E0BBE4;
  --cotton-candy-dream-4-4: #957DAD;
  --cotton-candy-dream-4-5: #C7CEEA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cotton-candy-dream-4": {
        1: "#FFB6C1",
        2: "#FFDAB9",
        3: "#E0BBE4",
        4: "#957DAD",
        5: "#C7CEEA",
      }
    }
  }
}

Related searches

pastel pink purple palettecotton candy aesthetic colorsdreamy soft color schemedessert branding color ideaswhimsical light design

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#FFDAB9
·
Color 3#E0BBE4
·
Color 4#957DAD
·
Color 5#C7CEEA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1:1Fail
2.2:1Fail
1.1:1Fail
2
1.3:1Fail
1.3:1Fail
2.7:1Fail
1.2:1Fail
3
1:1Fail
1.3:1Fail
2.1:1Fail
1.1:1Fail
4
2.2:1Fail
2.7:1Fail
2.1:1Fail
2.3:1Fail
5
1.1:1Fail
1.2:1Fail
1.1:1Fail
2.3:1Fail

Similar palettes

More like Cotton Candy Dream

View all pastel