Palette

Candy Cloud Fluff

A whimsical, airy confection evoking soft candy floss and dreamy skies.

pastelplayful5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Candy Cloud Fluff 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 Fluff.

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

Data visualization

#FFECF0#D9EEFF#FFFAE0#F0F8FF#FCE4EC

Palette guide

How to use Candy Cloud Fluff

Overview

The Candy Cloud Fluff palette is a whimsical, airy confection evoking soft candy floss and dreamy skies. This extremely light pastel collection includes a pale pink #FFECF0, a soft light blue #D9EEFF, a creamy yellow #FFFAE0, an ethereal blue-white #F0F8FF, and another delicate pink #FCE4EC. Designers and developers can utilize these gentle hues to create incredibly soft, playful, and inviting digital or physical spaces. It's an excellent choice for projects that require a delicate touch, conveying innocence, calm, and a lighthearted, dreamy aesthetic that feels both sweet and expansive.

Best used for

Baby shower invitations and decor
Children's clothing brands and websites
Whimsical blog designs and themes
Confectionery packaging for delicate treats
Lighthearted stationery and greeting cards
Dreamy social media templates

Suggested color roles

primary

Use #D9EEFF (soft light blue) as a calming and airy primary background or main content area.

secondary

Employ #FFECF0 (pale pink) for sweet and gentle accents, secondary backgrounds, or decorative elements.

accent

Introduce #FFFAE0 (creamy yellow) for subtle warmth, gentle highlights, or a touch of playful brightness.

background

Utilize #F0F8FF (very light blue-white) as an expansive, clean, and ethereal background.

text

A dark grey (e.g., #444444) or black is absolutely necessary for all text to ensure optimal readability, as all palette colors are extremely light.

Accessibility notes

All colors are extremely light; none are suitable for text directly due to insufficient contrast.
Text must be a very dark neutral (charcoal or black) on any of these backgrounds to meet WCAG AA standards.
These colors are excellent for large background areas, illustrations, and subtle UI elements where contrast is not critical.
Ensure interactive elements have a clear visual change on hover or focus, as the colors are very close in value and might lack distinction.

Recommended combinations

Dreamy Sky Blend

Ideal for soft website backgrounds, subtle branding, or creating an expansive and ethereal visual experience.

#F0F8FF · #D9EEFF · #FFECF0

Sweet & Airy

Perfect for invitations, delicate patterns, or designs that require a gentle and harmonious color interplay.

#FFFAE0 · #FCE4EC · #D9EEFF

Fluffy Harmony

Effective for illustrations, gentle UI accents, or creating a cohesive and soft pastel aesthetic.

#FFECF0 · #F0F8FF · #FFFAE0

CSS variables

:root {
  --candy-cloud-fluff-1: #FFECF0;
  --candy-cloud-fluff-2: #D9EEFF;
  --candy-cloud-fluff-3: #FFFAE0;
  --candy-cloud-fluff-4: #F0F8FF;
  --candy-cloud-fluff-5: #FCE4EC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "candy-cloud-fluff": {
        1: "#FFECF0",
        2: "#D9EEFF",
        3: "#FFFAE0",
        4: "#F0F8FF",
        5: "#FCE4EC",
      }
    }
  }
}

Hex values

Color 1#FFECF0

Color 2#D9EEFF

Color 3#FFFAE0

Color 4#F0F8FF

Color 5#FCE4EC

Accessibility

Contrast checker

1.1:1Fail

1:1Fail

1.1:1Fail

1:1Fail

1.1:1Fail

1:1Fail

1.1:1Fail

1:1Fail

1.1:1Fail

Similar palettes

More like Candy Cloud Fluff

Candy Cloud Fluff

See it in context.

Ready when you are.

Built with Candy Cloud Fluff.

How to use Candy Cloud Fluff

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Dreamy Sky Blend

Sweet & Airy

Fluffy Harmony

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Candy Cloud Fluff