Back to palettes

Palette

Pastel Macaron Towers

A delectable blend of soft, muted pastels, reminiscent of an elegant display 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 Towers 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 Towers.

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

Data visualization

#FDE3E9#E2F0FE#EDFDD3#FFF8E1#D3EFEF

Palette guide

How to use Pastel Macaron Towers

Overview

The Pastel Macaron Towers palette offers a delightful array of soft, muted pastels, perfect for creating a sense of delicate elegance and playful charm. Inspired by gourmet French macarons, this collection features a gentle blush pink (#FDE3E9), a serene sky blue (#E2F0FE), a fresh mint green (#EDFDD3), a warm cream (#FFF8E1), and a tranquil teal (#D3EFEF). Designers can leverage these hues to evoke sweetness and sophistication. Developers will find them excellent for crafting light, inviting user interfaces or branding materials that require a soft, approachable aesthetic, ensuring a cohesive and visually pleasing experience.

Best used for

  • Bakery or patisserie branding
  • Baby shower invitations and decor
  • Wedding stationery and floral arrangements
  • Children's book illustrations or nursery decor
  • Lifestyle or beauty product packaging
  • Soft, inviting website UI themes

Suggested color roles

primary

#FDE3E9 - Ideal as a warm, inviting base for main sections or prominent UI elements, offering a delicate touch.

secondary

#E2F0FE - A calming complement, perfect for secondary headings, background accents, or supporting graphics.

accent

#EDFDD3 - Use this subtle mint for calls-to-action, highlights, or small decorative details to add a fresh pop.

background

#FFF8E1 - An excellent, creamy canvas that provides a gentle backdrop, allowing other pastels to softly stand out.

text

A deep charcoal or rich dark gray is recommended for optimal readability against these light pastel backgrounds.

Accessibility notes

  • Ensure sufficient contrast for text, as light pastels like #FFF8E1 and #EDFDD3 require darker text for readability.
  • Use #FDE3E9 or #E2F0FE as backgrounds for interactive elements to improve visibility against lighter backgrounds.
  • Avoid placing light text directly on light pastel backgrounds; consider a darker text alternative.
  • Test color combinations for users with color vision deficiencies, especially when using multiple similar pastel shades.

Recommended combinations

Sweet Blush

Perfect for delicate branding, social media posts, or feminine design themes.

#FDE3E9 · #FFF8E1 · #EDFDD3

Sky & Mint

Creates a fresh, airy feel, suitable for spring collections or calming digital interfaces.

#E2F0FE · #D3EFEF · #FDE3E9

Creamy Dream

Excellent for soft website backgrounds, gentle illustrations, or subtle accent elements.

#FFF8E1 · #E2F0FE · #EDFDD3

CSS variables

:root {
  --pastel-macaron-towers-1: #FDE3E9;
  --pastel-macaron-towers-2: #E2F0FE;
  --pastel-macaron-towers-3: #EDFDD3;
  --pastel-macaron-towers-4: #FFF8E1;
  --pastel-macaron-towers-5: #D3EFEF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-macaron-towers": {
        1: "#FDE3E9",
        2: "#E2F0FE",
        3: "#EDFDD3",
        4: "#FFF8E1",
        5: "#D3EFEF",
      }
    }
  }
}

Related searches

pastel dessert color schemesoft macaron colorselegant pastel palettelight playful brand colorsdelicate UI pastels

Palette colors

Hex values

Color 1#FDE3E9
·
Color 2#E2F0FE
·
Color 3#EDFDD3
·
Color 4#FFF8E1
·
Color 5#D3EFEF
·

Accessibility

Contrast checker

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

Similar palettes

More like Pastel Macaron Towers

View all pastel
Delicate Macaron Bloom
Confection Cloud Dream
Creamery Soft Serve
Gelato Scoop Dream
Macaron Pastel Tower
Pastel Macaron Delight