Back to palettes

Palette

Confection Cloud Dream

A sugary mix of soft, muted colors inspired by a stack of delicate French macarons.

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

#FFB6C1#B0E0E6#98FB98#DDA0DD#FAFAD2

Palette guide

How to use Confection Cloud Dream

Overview

The "Confection Cloud Dream" palette is a sugary mix of soft, muted colors inspired by a stack of delicate French macarons. Featuring charming pink #FFB6C1, serene blue #B0E0E6, fresh green #98FB98, elegant purple #DDA0DD, and creamy yellow #FAFAD2, 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

  • Bakery and dessert shop branding
  • Children's book illustrations
  • Wedding and event planning decor
  • Feminine fashion or lifestyle blogs
  • Baby product marketing
  • Creative craft websites

Suggested color roles

primary

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

secondary

#B0E0E6 - A delicate sky blue, offering a refreshing contrast and excellent for supporting information or subtle backgrounds.

accent

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

background

#FAFAD2 - 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

Macaron Medley

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

#FFB6C1 · #B0E0E6 · #98FB98

Sweet Harmony

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

#FAFAD2 · #DDA0DD · #B0E0E6

Pastel Pop

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

#98FB98 · #FFB6C1 · #DDA0DD

CSS variables

:root {
  --confection-cloud-dream-1: #FFB6C1;
  --confection-cloud-dream-2: #B0E0E6;
  --confection-cloud-dream-3: #98FB98;
  --confection-cloud-dream-4: #DDA0DD;
  --confection-cloud-dream-5: #FAFAD2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "confection-cloud-dream": {
        1: "#FFB6C1",
        2: "#B0E0E6",
        3: "#98FB98",
        4: "#DDA0DD",
        5: "#FAFAD2",
      }
    }
  }
}

Related searches

pastel macaron colorssweet dessert palettesoft whimsical designplayful confection brandingdreamy color scheme

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#B0E0E6
·
Color 3#98FB98
·
Color 4#DDA0DD
·
Color 5#FAFAD2
·

Accessibility

Contrast checker

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

Similar palettes

More like Confection Cloud Dream

View all pastel
Creamery Soft Serve
Delicate Macaron Bloom
Gelato Scoop Dream
Pastel Macaron Dreams
Pastel Macaron Tower
Pastel Macaron Towers