Back to palettes

Palette

Pastel Macaroon Stack

Delightful array of soft, sugary pastels, as charming and inviting as a tower 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 Macaroon Stack 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 Macaroon Stack.

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

Data visualization

#FFD1DC#ADD8E6#E6E6FA#90EE90#FFFFE0

Palette guide

How to use Pastel Macaroon Stack

Overview

The Pastel Macaroon Stack palette offers a delightful and charming collection of soft, sugary pastels, reminiscent of a whimsical tower of French macarons. This vibrant yet gentle array includes a sweet cherry blossom pink (#FFD1DC), a calming light blue (#ADD8E6), a serene lavender (#E6E6FA), a fresh light green (#90EE90), and a creamy pale yellow (#FFFFE0). Designers can utilize these hues to evoke playfulness and warmth, creating inviting and cheerful visuals. Developers will find this palette excellent for crafting lighthearted user interfaces, children's applications, or branding that aims for a friendly and approachable aesthetic.

Best used for

  • Children's product packaging or branding
  • Dessert shop or cafe branding
  • Creative craft project designs
  • Playful website or app UIs
  • Greeting cards and stationery
  • Event decor (e.g., baby showers, birthdays)

Suggested color roles

primary

#FFD1DC - A cheerful and inviting pink, perfect for prominent brand elements or attention-grabbing calls-to-action.

secondary

#ADD8E6 - A stable and calming light blue, excellent for supporting sections, headers, or background accents.

accent

#90EE90 - This fresh green provides a lively pop, ideal for interactive elements, icons, or subtle highlights.

background

#FFFFE0 - A very gentle pale yellow, offering a warm and soft canvas that allows other colors to shine.

text

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

Accessibility notes

  • Ensure sufficient contrast for text and interactive elements, especially when using lighter shades like #FFFFE0 or #E6E6FA.
  • Avoid pairing light text with any of these pastel backgrounds; always opt for a dark text color.
  • Use a contrast checker to verify accessibility when combining any two palette colors for UI components.
  • Consider using slightly darker borders or shadows to differentiate elements on similar light pastel backgrounds.

Recommended combinations

Cherry Blossom Delight

Ideal for sweet branding, romantic themes, or soft, inviting product designs.

#FFD1DC · #E6E6FA · #FFFFE0

Sky Meadow

Creates a fresh, natural, and playful vibe, suitable for outdoor-themed or children's designs.

#ADD8E6 · #90EE90 · #FFD1DC

Lavender Cream

Excellent for calming interfaces, gentle illustrations, or sophisticated yet soft branding.

#E6E6FA · #FFFFE0 · #ADD8E6

CSS variables

:root {
  --pastel-macaroon-stack-1: #FFD1DC;
  --pastel-macaroon-stack-2: #ADD8E6;
  --pastel-macaroon-stack-3: #E6E6FA;
  --pastel-macaroon-stack-4: #90EE90;
  --pastel-macaroon-stack-5: #FFFFE0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-macaroon-stack": {
        1: "#FFD1DC",
        2: "#ADD8E6",
        3: "#E6E6FA",
        4: "#90EE90",
        5: "#FFFFE0",
      }
    }
  }
}

Related searches

pastel playful color schememacaroon inspired colorslight cheerful palettesweet dessert brand colorssoft children's UI

Palette colors

Hex values

Color 1#FFD1DC
·
Color 2#ADD8E6
·
Color 3#E6E6FA
·
Color 4#90EE90
·
Color 5#FFFFE0
·

Accessibility

Contrast checker

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

Similar palettes

More like Pastel Macaroon Stack

View all pastel
Macaroon Glaze Delight
Candy Cloud Fluff
Candy Floss Cloud
Candy Shop Whimsy
Confetti Cream Delight
Creamery Soft Serve