Palette

Cotton Candy Clouds

Light, airy pastels evoking the fluffy, sweet whimsical feel of cotton candy skies.

pastelplayful5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cotton Candy Clouds 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 Clouds.

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

Data visualization

#FFB6C1#ADD8E6#E6E6FA#F0FFFF#FFF0F5

Palette guide

How to use Cotton Candy Clouds

Overview

The Cotton Candy Clouds palette offers light, airy pastels evoking the fluffy, sweet, and whimsical feel of cotton candy skies. It features soft pinks like #FFB6C1 (Light Pink) and #FFF0F5 (Lavender Blush), alongside gentle blues like #ADD8E6 (Light Blue) and #F0FFFF (Azure). A soothing #E6E6FA (Lavender) completes this dreamy spectrum. This palette is ideal for designs that aim for a whimsical, delicate, and calming feel, perfect for baby brands, sweet shop aesthetics, or any project requiring a touch of innocent charm and ethereal beauty.

Best used for

Baby and children's product branding
Sweet shop or bakery website design
Dreamy digital art and illustrations
Wedding and baby shower invitations
Spa or wellness brand aesthetics
Soft and whimsical social media content

Suggested color roles

primary

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

secondary

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

accent

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

background

The lightest hues #F0FFFF 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

Dreamy Sky

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

#F0FFFF · #ADD8E6 · #E6E6FA

Sweet Whisper

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

#FFB6C1 · #FFF0F5 · #E6E6FA

Cloud Pop

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

#ADD8E6 · #FFB6C1 · #E6E6FA

CSS variables

:root {
  --cotton-candy-clouds-2-1: #FFB6C1;
  --cotton-candy-clouds-2-2: #ADD8E6;
  --cotton-candy-clouds-2-3: #E6E6FA;
  --cotton-candy-clouds-2-4: #F0FFFF;
  --cotton-candy-clouds-2-5: #FFF0F5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cotton-candy-clouds-2": {
        1: "#FFB6C1",
        2: "#ADD8E6",
        3: "#E6E6FA",
        4: "#F0FFFF",
        5: "#FFF0F5",
      }
    }
  }
}

Hex values

Color 1#FFB6C1

Color 2#ADD8E6

Color 3#E6E6FA

Color 4#F0FFFF

Color 5#FFF0F5

Accessibility

Contrast checker

1.1:1Fail

1.3:1Fail

1.6:1Fail

1.5:1Fail

1.1:1Fail

1.2:1Fail

1.5:1Fail

1.4:1Fail

1.3:1Fail

1.2:1Fail

1.1:1Fail

1.6:1Fail

1.5:1Fail

1.2:1Fail

1.1:1Fail

1.5:1Fail

1.4:1Fail

1.1:1Fail

Similar palettes

More like Cotton Candy Clouds

Cotton Candy Clouds

See it in context.

Ready when you are.

Built with Cotton Candy Clouds.

How to use Cotton Candy Clouds

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Dreamy Sky

Sweet Whisper

Cloud Pop

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Cotton Candy Clouds