Back to palettes

Palette

Candyfloss Cloud Dream

A delightful, sugary sweet palette with soft, dreamy pastels, reminiscent of a whimsical candy shop.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Candyfloss Cloud 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 Candyfloss Cloud Dream.

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

Data visualization

#F7CAC9#B2EBF2#FFFACD#D8BFD8#FFDAB9

Palette guide

How to use Candyfloss Cloud Dream

Overview

The Candyfloss Cloud Dream palette is a delightful, sugary sweet collection with soft, dreamy pastels, reminiscent of a whimsical candy shop. It features a gentle rose pink #F7CAC9, a serene light blue #B2EBF2, a creamy pastel yellow #FFFACD, a muted lavender #D8BFD8, and a warm peach #FFDAB9. This harmonious blend creates an inviting and lighthearted atmosphere, ideal for designs that seek to convey sweetness, softness, and a touch of innocent fun. It's a versatile palette for designers aiming to create an approachable, charming, and visually appealing aesthetic.

Best used for

  • Baby and children's product branding
  • Dreamy wedding or baby shower invitations
  • Soft lifestyle and wellness content
  • Nursery decor and bedding design
  • Gentle digital art and illustrations
  • Boutique gift shop aesthetics

Suggested color roles

primary

Use #F7CAC9 (Rose Pink) for main backgrounds or large sections to establish a soft, dreamy foundation.

secondary

Employ #B2EBF2 (Light Blue) for complementary content, navigation, or to add a calming, airy touch.

accent

Apply #FFDAB9 (Peach) for subtle highlights, decorative details, or interactive states, adding warmth and sweetness.

background

The pale #FFFACD (Pastel Yellow) or #D8BFD8 (Lavender) provides an excellent light and airy canvas for design elements.

text

For optimal readability, use a dark gray or charcoal text (e.g., #4A4A4A) on these light pastel backgrounds.

Accessibility notes

  • All colors are light; ensure very dark text (e.g., #333333) is used for readability on any background.
  • Avoid using light-colored text on these pastels, as contrast will be insufficient for most users.
  • When combining similar light hues, ensure there's clear visual separation for distinct elements.
  • For interactive elements, consider adding a subtle border or shadow in addition to color for hover states.

Recommended combinations

Cloud Dream

Ideal for serene backgrounds, gentle branding, or creating a soft, inviting user interface.

#F7CAC9 · #B2EBF2 · #FFFACD

Sweet Whispers

Perfect for subtle accents, decorative elements, or highlighting important information with a gentle flair.

#D8BFD8 · #FFDAB9 · #F7CAC9

Candy Fluff

Great for layered graphics, subtle patterns, or designs aiming for a harmonious, soft aesthetic.

#FFFACD · #B2EBF2 · #D8BFD8

CSS variables

:root {
  --candyfloss-cloud-dream-1: #F7CAC9;
  --candyfloss-cloud-dream-2: #B2EBF2;
  --candyfloss-cloud-dream-3: #FFFACD;
  --candyfloss-cloud-dream-4: #D8BFD8;
  --candyfloss-cloud-dream-5: #FFDAB9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "candyfloss-cloud-dream": {
        1: "#F7CAC9",
        2: "#B2EBF2",
        3: "#FFFACD",
        4: "#D8BFD8",
        5: "#FFDAB9",
      }
    }
  }
}

Related searches

pastel candyfloss colorsdreamy sweet palettesoft whimsical designlight friendly brandingbaby shower color scheme

Palette colors

Hex values

Color 1#F7CAC9
·
Color 2#B2EBF2
·
Color 3#FFFACD
·
Color 4#D8BFD8
·
Color 5#FFDAB9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.4:1Fail
1.2:1Fail
1.1:1Fail
2
1.1:1Fail
1.2:1Fail
1.3:1Fail
1:1Fail
3
1.4:1Fail
1.2:1Fail
1.6:1Fail
1.2:1Fail
4
1.2:1Fail
1.3:1Fail
1.6:1Fail
1.3:1Fail
5
1.1:1Fail
1:1Fail
1.2:1Fail
1.3:1Fail

Similar palettes

More like Candyfloss Cloud Dream

View all pastel