Back to palettes

Palette

Pastel Macaron Stack

Delightfully soft and tempting, like a towering stack of delicate 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 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

#FADADD#FFE4E1#E6E6FA#ADD8E6#FAFAD2

Palette guide

How to use Pastel Macaron Stack

Overview

The Pastel Macaron Stack palette (ID: pastel-macaron-stack-2) offers a delicate and elegant collection of soft, muted hues, perfect for creating a sophisticated yet playful aesthetic. It features a subtle dusty rose (#FADADD), a warm blush pink (#FFE4E1), a serene light lavender (#E6E6FA), a calming light blue (#ADD8E6), and a creamy pale yellow (#FAFAD2). These gentle colors work harmoniously to provide a sense of calm and charm, making them ideal for designers and developers aiming for a refined, inviting, and visually soft presence. The palette's cohesive nature ensures that any combination will result in a graceful and appealing design, from digital interfaces to physical branding materials.

Best used for

  • High-end bakery and patisserie branding
  • Elegant wedding stationery
  • Luxury baby product design
  • Refined beauty and skincare websites
  • Soft fashion editorial layouts
  • Minimalist and serene app interfaces

Suggested color roles

primary

#FADADD (Dusty Rose): A sophisticated choice for primary calls-to-action or subtle branding elements, conveying grace.

secondary

#ADD8E6 (Light Blue): Excellent for background sections, headers, or informational panels, providing a tranquil contrast.

accent

#FFE4E1 (Blush Pink): Use for delicate highlights, interactive states, or decorative flourishes to add warmth and softness.

background

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

text

#E6E6FA (Light Lavender): 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.
  • Test text contrast ratios, especially for smaller font sizes, to meet accessibility standards.
  • For interactive elements, provide clear visual cues for states (hover, focus) that don't solely rely on these subtle color changes.

Recommended combinations

Gentle Sophistication

Creates an elegant and understated look, perfect for refined branding or serene digital experiences.

#FADADD · #E6E6FA · #FAFAD2

Airy Calm

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

#ADD8E6 · #FFE4E1 · #FAFAD2

Soft Blush

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

#FADADD · #FFE4E1 · #E6E6FA

CSS variables

:root {
  --pastel-macaron-stack-2-1: #FADADD;
  --pastel-macaron-stack-2-2: #FFE4E1;
  --pastel-macaron-stack-2-3: #E6E6FA;
  --pastel-macaron-stack-2-4: #ADD8E6;
  --pastel-macaron-stack-2-5: #FAFAD2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-macaron-stack-2": {
        1: "#FADADD",
        2: "#FFE4E1",
        3: "#E6E6FA",
        4: "#ADD8E6",
        5: "#FAFAD2",
      }
    }
  }
}

Related searches

elegant pastel color palettesoft muted dessert colorslight serene brand colorsdelicate wedding colorsminimalist pastel ui

Palette colors

Hex values

Color 1#FADADD
·
Color 2#FFE4E1
·
Color 3#E6E6FA
·
Color 4#ADD8E6
·
Color 5#FAFAD2
·

Accessibility

Contrast checker

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

Similar palettes

More like Pastel Macaron Stack

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