Back to palettes

Palette

Confection Dream Puff

A whimsical and soft blend of pastels, like a sugary puff of confection in a dreamy sky.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFC0CB#E6E6FA#F0F8FF#B0E0E6#ADD8E6

Palette guide

How to use Confection Dream Puff

Overview

The "Confection Dream Puff" palette is a whimsical and soft blend of pastels, like a sugary puff of confection in a dreamy sky. Featuring charming pink #FFC0CB, light lavender #E6E6FA, airy blue #F0F8FF, serene blue #B0E0E6, and baby blue #ADD8E6, 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 product 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

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

secondary

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

accent

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

background

#F0F8FF - A very light, airy blue, providing an expansive and serene 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

Dreamy Puff

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

#FFC0CB · #E6E6FA · #F0F8FF

Soft Sky

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

#B0E0E6 · #ADD8E6 · #E6E6FA

Sweet Azure

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

#ADD8E6 · #FFC0CB · #F0F8FF

CSS variables

:root {
  --confection-dream-puff-1: #FFC0CB;
  --confection-dream-puff-2: #E6E6FA;
  --confection-dream-puff-3: #F0F8FF;
  --confection-dream-puff-4: #B0E0E6;
  --confection-dream-puff-5: #ADD8E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "confection-dream-puff": {
        1: "#FFC0CB",
        2: "#E6E6FA",
        3: "#F0F8FF",
        4: "#B0E0E6",
        5: "#ADD8E6",
      }
    }
  }
}

Related searches

pastel dream colorssweet puff palettesoft whimsical designplayful confection brandingdreamy color scheme

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#E6E6FA
·
Color 3#F0F8FF
·
Color 4#B0E0E6
·
Color 5#ADD8E6
·

Accessibility

Contrast checker

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

Similar palettes

More like Confection Dream Puff

View all pastel
Whimsical Candy Cloud
Bubblegum Pop Sky
Candy Cloud Dream
Candy Floss Cloud
Candy Floss Serenade
Candy Floss Swirl