Back to palettes

Palette

Macaron Cloud Dream

Delicate and sweet pastels evoke the light, airy indulgence of gourmet macarons and fluffy clouds.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F0D8D8#BEE7E9#DDEEDD#FFEFD5#ECC5D4

Palette guide

How to use Macaron Cloud Dream

Overview

The Macaron Cloud Dream palette offers a delightful array of delicate and sweet pastels, inspired by gourmet macarons and fluffy clouds. This collection features #F0D8D8 (Pale Rose), #BEE7E9 (Soft Aqua), #DDEEDD (Mint Green), #FFEFD5 (Creamy Peach), and #ECC5D4 (Light Lilac). Perfect for designers and developers crafting experiences that evoke lightness, playfulness, and a touch of indulgence, this palette is highly versatile for feminine, children's, or confectionery-themed projects, providing a gentle yet cheerful aesthetic.

Best used for

  • Confectionery and bakery branding
  • Children's apparel and toy design
  • Feminine lifestyle blogs and websites
  • Baby shower invitations and decor
  • Craft and DIY project inspiration
  • Sweet shop and cafe interiors

Suggested color roles

primary

Use #F0D8D8 as a soft, inviting base for backgrounds or larger content blocks, creating a gentle warmth.

secondary

Employ #DDEEDD or #BEE7E9 for supporting elements, borders, or secondary information, adding a fresh, cool balance.

accent

Introduce #ECC5D4 or #FFEFD5 for playful highlights, illustrations, or calls-to-action, providing a sweet, charming pop.

background

Any of the lighter shades like #DDEEDD or #FFEFD5 can serve as a primary background to maintain a light, airy feel.

text

For optimal readability, use a dark gray or charcoal text. Avoid using any of the palette colors for small body text due to low contrast.

Accessibility notes

  • Text contrast is critical; always use dark text (e.g., black or dark gray) on these light pastel backgrounds.
  • Avoid using any of the palette colors for small text elements, as they will likely not meet WCAG contrast standards.
  • Ensure sufficient contrast for interactive elements, possibly by using a bolder color from the palette for hover states if contrast allows.
  • When using lighter colors for text (not recommended for body text), ensure the font size is very large (e.g., headings).

Recommended combinations

Sweet Harmony

Creates a balanced, inviting feel, perfect for sweet and delicate branding.

#F0D8D8 · #DDEEDD · #FFEFD5

Cool & Playful

Ideal for designs that need a fresh, whimsical touch with a hint of sophistication.

#BEE7E9 · #ECC5D4 · #F0D8D8

Dreamy Mix

Offers a light and airy combination, great for soft illustrations or gentle web interfaces.

#FFEFD5 · #DDEEDD · #BEE7E9

CSS variables

:root {
  --macaron-cloud-dream-1: #F0D8D8;
  --macaron-cloud-dream-2: #BEE7E9;
  --macaron-cloud-dream-3: #DDEEDD;
  --macaron-cloud-dream-4: #FFEFD5;
  --macaron-cloud-dream-5: #ECC5D4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "macaron-cloud-dream": {
        1: "#F0D8D8",
        2: "#BEE7E9",
        3: "#DDEEDD",
        4: "#FFEFD5",
        5: "#ECC5D4",
      }
    }
  }
}

Related searches

pastel macaron colorssweet dessert palettedelicate cloud huesplayful pastel designsoft feminine palette

Palette colors

Hex values

Color 1#F0D8D8
·
Color 2#BEE7E9
·
Color 3#DDEEDD
·
Color 4#FFEFD5
·
Color 5#ECC5D4
·

Accessibility

Contrast checker

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

Similar palettes

More like Macaron Cloud Dream

View all pastel
Macaron Whisper Soft
Sweet Macaron Tower
Buttercream Frosting Soft
Buttercream Swirl Cake
Cloud Cotton Fluff
Confetti Cream Delight