Back to palettes

Palette

Pastel Macaron Delight

A deliciously soft and sweet collection of delicate hues, perfect for a whimsical, dreamlike aesthetic.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pastel Macaron Delight 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 Pastel Macaron Delight.

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

Data visualization

#FCE4EC#FFFDE7#E8F5E9#E0F2F7#F3E5F5

Palette guide

How to use Pastel Macaron Delight

Overview

The Pastel Macaron Delight palette (version 2) is a deliciously soft and sweet collection of delicate hues, perfect for a whimsical, dreamlike aesthetic. This palette features the gentle pink of #FCE4EC, the creamy yellow of #FFFDE7, and the refreshing mint of #E8F5E9. These are beautifully complemented by the serene blue of #E0F2F7 and the subtle lavender of #F3E5F5. Designers can utilize these ultra-light, airy colors to create calming and inviting visual experiences, ideal for wellness brands, baby products, or any project seeking a whisper-soft, comforting, and subtly playful appeal that feels light as air.

Best used for

  • Baby and nursery product branding
  • Wellness and meditation apps
  • Spa and beauty product packaging
  • Children's book illustrations
  • Gentle lifestyle blogs
  • Minimalist wedding designs

Suggested color roles

primary

Use #E0F2F7 (Light Sky Blue) for main backgrounds or large sections, providing a clean, ethereal canvas.

secondary

Apply #FCE4EC (Light Pink) for subheadings, decorative elements, or soft UI components, adding a delicate warmth.

accent

Introduce #E8F5E9 (Mint Cream) for subtle highlights, interactive elements, or small design details, offering a fresh accent.

background

The ultra-light #FFFDE7 (Creamy White) or #F3E5F5 (Pale Lavender) work beautifully as airy, almost-white backgrounds, enhancing luminosity.

text

For optimal readability, use a dark grey or charcoal (e.g., #444444) for primary body text. White text is not recommended on these very light colors.

Accessibility notes

  • All colors are extremely light; dark text (black or very dark grey) is essential for readability to meet WCAG AA standards.
  • Avoid using any of these pastels for text on another pastel background; contrast will be insufficient.
  • Ensure all interactive elements have a clear visual indicator (e.g., a darker border on hover) beyond color alone.
  • Prioritize larger font sizes and generous line spacing when using this palette to improve overall readability.

Recommended combinations

Dreamy Cloud

Ideal for soft hero banners, serene backgrounds, or gentle illustrations, evoking a calm and ethereal mood.

#E0F2F7 · #FCE4EC · #FFFDE7

Whisper Sweet

Perfect for subtle branding, delicate patterns, or informational cards, creating a tender and inviting feel.

#E8F5E9 · #F3E5F5 · #FCE4EC

Airy Touch

Suitable for clean, minimalist interfaces, light overlays, or product showcases, emphasizing purity and softness.

#FFFDE7 · #E0F2F7 · #E8F5E9

CSS variables

:root {
  --pastel-macaron-delight-2-1: #FCE4EC;
  --pastel-macaron-delight-2-2: #FFFDE7;
  --pastel-macaron-delight-2-3: #E8F5E9;
  --pastel-macaron-delight-2-4: #E0F2F7;
  --pastel-macaron-delight-2-5: #F3E5F5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-macaron-delight-2": {
        1: "#FCE4EC",
        2: "#FFFDE7",
        3: "#E8F5E9",
        4: "#E0F2F7",
        5: "#F3E5F5",
      }
    }
  }
}

Related searches

ultra light pastel palettedelicate sweet colorsdreamy soft aestheticminimalist macaron colorsairy pink blue green

Palette colors

Hex values

Color 1#FCE4EC
·
Color 2#FFFDE7
·
Color 3#E8F5E9
·
Color 4#E0F2F7
·
Color 5#F3E5F5
·

Accessibility

Contrast checker

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

Similar palettes

More like Pastel Macaron Delight

View all pastel
Confectionary Delight Swirl
Pastel Candy Floss
Pastel Sweet Treats
Bubblegum Galaxy Dream
Bubblegum Pop Sky
Candy Cloud Dream