Back to palettes

Palette

Pastel Macaron Stack

A delightful assortment of soft, delicate colors mirroring a stack of delicious French macarons, sweet and inviting.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F8BBD0#BBDEFB#C8E6C9#FFF9C4#E1BEE7

Palette guide

How to use Pastel Macaron Stack

Overview

The Pastel Macaron Stack palette (ID: pastel-macaron-stack) offers a harmonious collection of soft, delicate colors, perfect for designs that aim for a sweet and gentle aesthetic. It features a lovely light pink (#F8BBD0), a serene sky blue (#BBDEFB), a fresh mint green (#C8E6C9), a creamy pale yellow (#FFF9C4), and a soft lavender (#E1BEE7). These inviting hues are ideal for designers and developers seeking to create engaging, approachable, and visually appealing user experiences. The palette's cohesive nature ensures a tranquil and delightful visual journey, making it perfect for branding, web design, or digital art that requires a touch of charm and lightheartedness, reminiscent of delicious confections.

Best used for

  • Bakery and confectionery branding
  • Baby product websites and packaging
  • Wedding planner portfolios
  • Feminine beauty blogs and e-commerce
  • Gentle lifestyle app interfaces
  • Creative craft business marketing

Suggested color roles

primary

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

secondary

#BBDEFB (Sky Blue): Ideal for background sections, headers, or supporting visual elements, providing a calming contrast.

accent

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

background

#FFF9C4 (Pale Yellow): Serves as a warm, inviting canvas for main content areas, ensuring a gentle base for other colors.

text

#C8E6C9 (Mint Green): While light, it can be used for very large headings or decorative text. For body text, a dark gray like #4A4A4A is essential for readability.

Accessibility notes

  • Ensure sufficient contrast for text on all background colors; these pastels typically require darker text for readability.
  • Avoid using light text on any of these pastels; opt for charcoal or deep gray for body copy to meet accessibility standards.
  • Test text against #FFF9C4 and #BBDEFB carefully, ensuring a strong dark contrast for all crucial information.
  • For interactive elements, provide clear visual feedback beyond just color changes, especially with these soft hues.

Recommended combinations

Sweet & Serene

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

#F8BBD0 · #BBDEFB · #FFF9C4

Fresh Bloom

Ideal for designs emphasizing nature, freshness, or a dreamy, ethereal quality.

#BBDEFB · #C8E6C9 · #E1BEE7

Delicate Pop

Use for cheerful, inviting elements in UI or for playful illustrations and graphics where a soft contrast is desired.

#F8BBD0 · #C8E6C9 · #FFF9C4

CSS variables

:root {
  --pastel-macaron-stack-1: #F8BBD0;
  --pastel-macaron-stack-2: #BBDEFB;
  --pastel-macaron-stack-3: #C8E6C9;
  --pastel-macaron-stack-4: #FFF9C4;
  --pastel-macaron-stack-5: #E1BEE7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-macaron-stack": {
        1: "#F8BBD0",
        2: "#BBDEFB",
        3: "#C8E6C9",
        4: "#FFF9C4",
        5: "#E1BEE7",
      }
    }
  }
}

Related searches

soft pastel dessert palettemacaron color schemelight sweet brand colorsdelicate ui ux colorsgentle feminine palette

Palette colors

Hex values

Color 1#F8BBD0
·
Color 2#BBDEFB
·
Color 3#C8E6C9
·
Color 4#FFF9C4
·
Color 5#E1BEE7
·

Accessibility

Contrast checker

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

Similar palettes

More like Pastel Macaron Stack

View all pastel
Delicate Macaron Bloom
Pastel Macaron Delight
Pastel Macaron Parade
Pastel Macaron Towers
Patisserie Macaron Assortment
Buttercream Frosting Soft