Back to palettes

Palette

Pastel Macaron Tower

A delightful array of soft, sugary hues, inspired by the delicate and sweet layers of French macarons.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FAD0E0#E9F4FF#CDEEDC#FFEEB4#E9D2FF

Palette guide

How to use Pastel Macaron Tower

Overview

The Pastel Macaron Tower palette offers a delightful collection of soft, sugary hues, perfect for designs that aim for a playful yet elegant aesthetic. It features a charming light pink (#FAD0E0), a serene pale blue (#E9F4FF), a fresh mint green (#CDEEDC), a creamy pale yellow (#FFEEB4), and a soft lavender (#E9D2FF). These inviting colors work harmoniously to provide a sense of calm and sweetness, making them ideal for designers and developers crafting refined, approachable, and visually soft presences. The palette's cohesive nature ensures that any combination will result in a graceful and appealing design, from digital interfaces to physical branding materials, truly embodying a stack of delightful confections.

Best used for

  • Bakery and confectionery branding
  • Children's product design and packaging
  • Wedding and baby shower invitations
  • Feminine beauty and lifestyle websites
  • Soft-themed mobile app interfaces
  • Creative craft business marketing

Suggested color roles

primary

#FAD0E0 (Light Pink): An excellent choice for primary calls-to-action or key branding elements, conveying sweetness and charm.

secondary

#E9F4FF (Pale Blue): Ideal for background sections, headers, or informational panels, providing a tranquil contrast.

accent

#E9D2FF (Soft Lavender): Use for delicate highlights, interactive states, or decorative flourishes to add a touch of playful elegance.

background

#FFEEB4 (Pale Yellow): Serves as a gentle, inviting canvas for main content, offering a subtle warmth without being overpowering.

text

#CDEEDC (Mint Green): Best for large, decorative headlines. For body text, a dark gray such as #444444 is crucial for readability and accessibility.

Accessibility notes

  • All colors are very light; ensure high contrast for text by using dark, legible font colors.
  • Avoid using light text on any of these pastels; opt for charcoal or deep gray for body copy to meet accessibility standards.
  • Test text contrast ratios, especially for smaller font sizes, to meet WCAG guidelines.
  • For interactive elements, provide clear visual cues for states (hover, focus) that don't solely rely on these subtle color changes.

Recommended combinations

Sweet & Calm

Creates a gentle, soothing atmosphere perfect for elegant branding or calm digital spaces.

#FAD0E0 · #E9F4FF · #FFEEB4

Fresh & Airy

Ideal for designs focusing on tranquility, nature, or a clean, inviting atmosphere.

#E9F4FF · #CDEEDC · #E9D2FF

Playful Pop

Use for delicate accents or a harmonious, warm feel in illustrations and UI components, adding a touch of whimsy.

#FAD0E0 · #CDEEDC · #FFEEB4

CSS variables

:root {
  --pastel-macaron-tower-1: #FAD0E0;
  --pastel-macaron-tower-2: #E9F4FF;
  --pastel-macaron-tower-3: #CDEEDC;
  --pastel-macaron-tower-4: #FFEEB4;
  --pastel-macaron-tower-5: #E9D2FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-macaron-tower": {
        1: "#FAD0E0",
        2: "#E9F4FF",
        3: "#CDEEDC",
        4: "#FFEEB4",
        5: "#E9D2FF",
      }
    }
  }
}

Related searches

soft sugary pastel palettemacaron tower color schemelight playful brand colorsdelicate ui designcharming event palette

Palette colors

Hex values

Color 1#FAD0E0
·
Color 2#E9F4FF
·
Color 3#CDEEDC
·
Color 4#FFEEB4
·
Color 5#E9D2FF
·

Accessibility

Contrast checker

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

Similar palettes

More like Pastel Macaron Tower

View all pastel
Creamery Soft Serve
Sugar Blossom Kiss
Candy Floss Serenade
Candy Floss Swirl
Candy Shop Whimsy
Confection Cloud Dream