Back to palettes

Palette

Candy Floss Dream

Whimsical and lighthearted, like a sky full of sugary clouds and soft, floating dreams.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Candy Floss 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 Candy Floss Dream.

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

Data visualization

#F8C4D6#F4DBE7#D3DDF6#B9D0F3#A7D9F5

Palette guide

How to use Candy Floss Dream

Overview

The Candy Floss Dream palette is whimsical and lighthearted, like a sky full of sugary clouds and soft, floating dreams. It features a sweet pastel pink #F8C4D6, a very light pink #F4DBE7, a soft pastel blue #D3DDF6, a slightly deeper blue #B9D0F3, and an airy blue #A7D9F5. This enchanting pastel collection is perfect for designers and developers aiming to create innocent, playful, and dreamy digital or physical spaces. Its harmonious hues evoke a sense of childhood wonder and gentle sweetness, ideal for projects that require a delicate and inviting aesthetic.

Best used for

  • Baby product branding and packaging
  • Whimsical website designs and themes
  • Children's book illustrations
  • Sweet shop and confectionery aesthetics
  • Dreamy social media content and templates
  • Soft fashion editorials and lifestyle blogs

Suggested color roles

primary

Use #F8C4D6 (soft pastel pink) as a gentle and sweet primary color for main content or brand identity.

secondary

Employ #D3DDF6 (light pastel blue) as a calming and airy secondary color, for backgrounds or accents.

accent

Introduce #A7D9F5 (slightly brighter blue) for a gentle pop, subtle highlights, or unique decorative details.

background

Utilize #F4DBE7 (very pale pink) as a soft and inviting base, providing a delicate and expansive canvas.

text

A dark grey (e.g., #4A4A4A) or black is essential for all text to ensure optimal readability, as all colors are very light.

Accessibility notes

  • All colors are light and unsuitable for text on their own due to insufficient contrast.
  • Always use dark neutral text (charcoal or black) for readability (WCAG AA) on any background from this palette.
  • #F4DBE7 provides an excellent soft background choice for dark text.
  • These pastels are ideal for large decorative areas, subtle gradients, and illustrations where text contrast is not critical.

Recommended combinations

Dreamy Sky

Ideal for soft web backgrounds, romantic branding, or creating an ethereal and serene visual experience.

#F4DBE7 · #F8C4D6 · #D3DDF6

Sweet Cloud

Perfect for children's illustrations, subtle patterns, or designs that require a gentle and cohesive flow.

#B9D0F3 · #A7D9F5 · #F4DBE7

Fluffy Gradient

Effective for decorative elements, gentle UI accents, or to create a whimsical and lighthearted visual dynamic.

#D3DDF6 · #B9D0F3 · #A7D9F5

CSS variables

:root {
  --candy-floss-dream-1: #F8C4D6;
  --candy-floss-dream-2: #F4DBE7;
  --candy-floss-dream-3: #D3DDF6;
  --candy-floss-dream-4: #B9D0F3;
  --candy-floss-dream-5: #A7D9F5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "candy-floss-dream": {
        1: "#F8C4D6",
        2: "#F4DBE7",
        3: "#D3DDF6",
        4: "#B9D0F3",
        5: "#A7D9F5",
      }
    }
  }
}

Related searches

pastel pink blue palettecandy floss dreamylight whimsical colorssweet cloud skysoft floating dreams

Palette colors

Hex values

Color 1#F8C4D6
·
Color 2#F4DBE7
·
Color 3#D3DDF6
·
Color 4#B9D0F3
·
Color 5#A7D9F5
·

Accessibility

Contrast checker

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

Similar palettes

More like Candy Floss Dream

View all pastel
Bubblegum Carnival Pop
Candyfloss Cloud Dream
Carnival Cotton Candy
Carnival Cotton Sky
Cotton Candy Sky
Pastel Bubblegum Pop