Back to palettes

Palette

Cotton Candy Dream

Sweet and airy colors that recall the whimsical joy of a childhood fairground.

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#E6E6FA#B0E0E6#F0F8FF

Palette guide

How to use Cotton Candy Dream

Overview

The Cotton Candy Dream palette features sweet and airy colors that recall the whimsical joy of a childhood fairground. It includes soft pinks like #FFB6C1 (Light Pink) and #FFDAB9 (Peach Puff), alongside calming blues like #E6E6FA (Lavender) and #B0E0E6 (Powder Blue). A pristine #F0F8FF (Alice Blue) completes this delicate spectrum. This palette is ideal for designs that aim for a sweet, innocent, and playful 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 #F0F8FF or #E6E6FA as a soft, ethereal background, creating an open and inviting space.

secondary

Apply #B0E0E6 or #FFDAB9 for distinct sections, headers, or subtle patterned elements.

accent

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

background

The lightest hues #F0F8FF and #E6E6FA 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

Fairground Sky

Creates a serene, layered sky effect, perfect for backgrounds or subtle visual transitions.

#F0F8FF · #B0E0E6 · #E6E6FA

Sweet Blossom

Ideal for delicate elements, blending soft pinks and lavender for a gentle, whimsical feel.

#FFB6C1 · #FFDAB9 · #E6E6FA

Cotton Cloud

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

#B0E0E6 · #FFB6C1 · #F0F8FF

CSS variables

:root {
  --cotton-candy-dream-1: #FFB6C1;
  --cotton-candy-dream-2: #FFDAB9;
  --cotton-candy-dream-3: #E6E6FA;
  --cotton-candy-dream-4: #B0E0E6;
  --cotton-candy-dream-5: #F0F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cotton-candy-dream": {
        1: "#FFB6C1",
        2: "#FFDAB9",
        3: "#E6E6FA",
        4: "#B0E0E6",
        5: "#F0F8FF",
      }
    }
  }
}

Related searches

pastel pink blue palettecotton candy aesthetic colorsdreamy soft color schemefairground theme colorswhimsical light design

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#FFDAB9
·
Color 3#E6E6FA
·
Color 4#B0E0E6
·
Color 5#F0F8FF
·

Accessibility

Contrast checker

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

Similar palettes

More like Cotton Candy Dream

View all pastel
Confection Cloud Blush
Cotton Candy Clouds
Cotton Candy Dream
Cotton Candy Sunset
Macaron Sweet Dream
Orchid Dewdrop Pink