Back to palettes

Palette

Sweet Macaron Dreams

Delightfully light and airy pastels that capture the delicate colors and sweet indulgence of French macarons.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sweet Macaron Dreams 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 Sweet Macaron Dreams.

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

Data visualization

#FADADD#FFF0F5#E6E6FA#D8BFD8#ADD8E6

Palette guide

How to use Sweet Macaron Dreams

Overview

The "Sweet Macaron Dreams" palette offers a delightfully soft and airy collection of pastels, perfect for creating gentle and inviting designs. Featuring a delicate blush pink (#FADADD), a creamy off-white (#FFF0F5), a serene lavender-blue (#E6E6FA), a muted mauve (#D8BFD8), and a calming sky blue (#ADD8E6), this palette evokes the delicate indulgence of French macarons. Designers can leverage these hues for backgrounds, subtle accents, or primary elements in projects requiring a light, whimsical, or comforting aesthetic. Its low saturation ensures a harmonious blend, ideal for UI elements, branding, or digital illustrations that need a touch of softness and elegance.

Best used for

  • Children's product branding and packaging
  • Wedding invitations and event decor
  • Bakery or patisserie website design
  • Soft and feminine fashion accessories
  • Baby room decor and nursery items
  • Gentle UI themes for relaxation apps

Suggested color roles

primary

A gentle blush pink (#FADADD), ideal for main brand elements, larger sections, or welcoming backgrounds where a soft, warm touch is desired.

secondary

A serene lavender-blue (#E6E6FA), excellent for balancing the pink, providing a calm counterpoint in navigation, headers, or sub-sections.

accent

A light sky blue (#ADD8E6), perfect for small, playful details, icons, or interactive elements that need a subtle pop without overwhelming the palette.

background

A creamy off-white (#FFF0F5), offering a clean, airy canvas that allows other colors to stand out gently while maintaining a soft overall feel.

text

Use a dark charcoal like #333333 or black for main body text to ensure readability against the very light background colors in this palette.

Accessibility notes

  • Ensure sufficient contrast between text and background colors, as many pastels are inherently light. Always test with WCAG guidelines.
  • Avoid using light pastel text on light pastel backgrounds; opt for darker text (e.g., charcoal or black) for optimal readability.
  • Consider using a slightly darker version of the palette's colors for text on white or near-white backgrounds to meet contrast requirements for larger text.
  • When layering colors, always check the contrast of interactive elements (buttons, links) against their surrounding areas for clarity and usability.

Recommended combinations

Gentle Gradient

Ideal for soft UI gradients, subtle background transitions, or illustrative elements that require a smooth, ethereal flow.

#FADADD · #E6E6FA · #ADD8E6

Blush & Mauve

Excellent for creating depth in feminine branding, product displays, or delicate web sections, offering a warm yet muted feel.

#FFF0F5 · #FADADD · #D8BFD8

Cool Serenity

Best for calming interfaces, contemplative content, or designs that need a fresh, light, and airy atmosphere with a touch of blue.

#FFF0F5 · #E6E6FA · #ADD8E6

CSS variables

:root {
  --sweet-macaron-dreams-1: #FADADD;
  --sweet-macaron-dreams-2: #FFF0F5;
  --sweet-macaron-dreams-3: #E6E6FA;
  --sweet-macaron-dreams-4: #D8BFD8;
  --sweet-macaron-dreams-5: #ADD8E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-macaron-dreams": {
        1: "#FADADD",
        2: "#FFF0F5",
        3: "#E6E6FA",
        4: "#D8BFD8",
        5: "#ADD8E6",
      }
    }
  }
}

Related searches

pastel color schemessoft pink blue palettemacaron inspired colorslight feminine palettegentle pastel UI colors

Palette colors

Hex values

Color 1#FADADD
·
Color 2#FFF0F5
·
Color 3#E6E6FA
·
Color 4#D8BFD8
·
Color 5#ADD8E6
·

Accessibility

Contrast checker

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

Similar palettes

More like Sweet Macaron Dreams

View all pastel
Macaron Patisserie
Macaron Sweet Delight
Pastel Confection Swirl
Pastel Macaron Delight
Pastel Macaron Dreams
Pastel Macaron Stack