Back to palettes

Palette

Confection Cloud Dream

A delightful assortment of soft, sugary hues bringing to mind pastel candies and joyful childhood innocence.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFDDE2#F8E2FF#E0FFFE#FFFFDF#FFEFD3

Palette guide

How to use Confection Cloud Dream

Overview

The "Confection Cloud Dream" palette is a delightful assortment of soft, sugary hues, bringing to mind pastel candies and joyful childhood innocence. Featuring light pink #FFDDE2, lavender #F8E2FF, mint #E0FFFE, creamy yellow #FFFFDF, and peach #FFEFD3, this collection is perfect for designers seeking a playful, sweet, and whimsical aesthetic. It provides a light, inviting feel, ideal for creating enchanting digital experiences or charming brand identities that exude softness and joy, with a clean and airy presentation.

Best used for

  • Children's clothing and toy branding
  • Bakery and sweet shop websites
  • Baby shower invitations and decor
  • Feminine beauty product packaging
  • Event planning for whimsical parties
  • Kids' educational apps or websites

Suggested color roles

primary

#FFDDE2 - A soft, inviting pink that sets a sweet, cheerful tone for main branding and primary content areas.

secondary

#F8E2FF - A delicate lavender, offering a playful contrast and excellent for supporting information or subtle backgrounds.

accent

#E0FFFE - A refreshing, airy mint green, perfect for cheerful accents, interactive elements, or highlighting key features without overwhelming the softness.

background

#FFFFDF - A creamy, near-white yellow, providing a warm and expansive canvas that allows other pastels to subtly bloom.

text

Use a dark grey like charcoal or a deep tone from the palette, such as a custom very dark grey (e.g., #333333), to ensure readability against these light pastels.

Accessibility notes

  • Given the lightness of all colors, ensure all text uses a dark, contrasting color (e.g., charcoal or black) to meet WCAG AA standards.
  • Avoid using any of the palette's colors for text on another color from this palette; contrast will be insufficient.
  • Use clear visual cues like icons or underlines in addition to color for interactive elements to aid accessibility.
  • For decorative elements, the low contrast between colors is acceptable, but prioritize readability for all functional text.

Recommended combinations

Candy Swirl

Creates a delightful, confectionery-inspired look, ideal for playful banners or thematic sections.

#FFDDE2 · #F8E2FF · #E0FFFE

Dreamy Blend

Provides a soft, harmonious blend for backgrounds or subtle design elements, evoking calm and sweetness.

#FFFFDF · #FFEFD3 · #F8E2FF

Joyful Pop

Offers a subtle play of cool and warm pastels, perfect for gentle illustrations or decorative borders.

#E0FFFE · #FFDDE2 · #FFFFDF

CSS variables

:root {
  --confection-cloud-dream-2-1: #FFDDE2;
  --confection-cloud-dream-2-2: #F8E2FF;
  --confection-cloud-dream-2-3: #E0FFFE;
  --confection-cloud-dream-2-4: #FFFFDF;
  --confection-cloud-dream-2-5: #FFEFD3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "confection-cloud-dream-2": {
        1: "#FFDDE2",
        2: "#F8E2FF",
        3: "#E0FFFE",
        4: "#FFFFDF",
        5: "#FFEFD3",
      }
    }
  }
}

Related searches

pastel candy colorssweet dream palettesoft sugary designplayful pastel brandingwhimsical color scheme

Palette colors

Hex values

Color 1#FFDDE2
·
Color 2#F8E2FF
·
Color 3#E0FFFE
·
Color 4#FFFFDF
·
Color 5#FFEFD3
·

Accessibility

Contrast checker

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

Similar palettes

More like Confection Cloud Dream

View all pastel
Sweet Confection Delight
Bubblegum Galaxy Dream
Bubblegum Pop Sky
Candy Cloud Dream
Candy Floss Cloud
Candy Floss Serenade