Back to palettes

Palette

Pastel Macaron Stack

A whimsical assortment of soft, sugary hues, like a delicious stack of colorful 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

#FFB6C1#ADD8E6#D8BFD8#F0E68C#90EE90

Palette guide

How to use Pastel Macaron Stack

Overview

The Pastel Macaron Stack palette (ID: pastel-macaron-stack-3) presents a charming and playful collection of soft, sweet hues, perfect for designs that aim to evoke joy and lightheartedness. It features a lovely light pink (#FFB6C1), a serene light blue (#ADD8E6), a soft lavender (#D8BFD8), a sunny pale yellow (#F0E68C), and a fresh light green (#90EE90). This vibrant yet gentle assortment offers designers and developers a versatile toolkit for creating engaging and approachable user interfaces, cheerful branding, or delightful digital content. The harmonious blend of warm and cool pastels ensures visual appeal and emotional resonance, making it ideal for projects that require a touch of whimsy and sweetness.

Best used for

  • Children's educational apps and websites
  • Toy store branding and packaging
  • Sweet shop and ice cream parlor designs
  • Playful event invitations and decorations
  • Creative arts and crafts websites
  • Summer-themed digital content

Suggested color roles

primary

#FFB6C1 (Light Pink): An inviting choice for primary calls-to-action or key brand elements, conveying sweetness and fun.

secondary

#ADD8E6 (Light Blue): Excellent for background sections, headers, or supporting graphics, adding a calming, expansive feel.

accent

#F0E68C (Pale Yellow): Ideal for subtle highlights, interactive states, or decorative flourishes, providing a sunny, cheerful pop.

background

#D8BFD8 (Soft Lavender): Serves as a gentle, soothing canvas for main content, offering a subtle yet distinct base.

text

#90EE90 (Light Green): Best for large, decorative headlines. For body text, a dark gray like #333333 or charcoal is recommended for optimal readability.

Accessibility notes

  • Ensure sufficient contrast for text on all background colors; these pastels require darker text for readability.
  • Avoid using #F0E68C or #90EE90 for small body text due to their lightness, which can hinder legibility.
  • Test text against #D8BFD8 and #ADD8E6 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

Playful Garden

Creates a cheerful, vibrant, and natural feel, perfect for children's themes or outdoor-inspired designs.

#FFB6C1 · #90EE90 · #F0E68C

Dreamy Sky

Ideal for designs focusing on serenity, dreams, or a soft, ethereal quality, like lullaby apps.

#ADD8E6 · #D8BFD8 · #FFB6C1

Sunny Pop

Use for dynamic UI elements or illustrations where a lively yet soft contrast is desired, evoking summer fun.

#F0E68C · #ADD8E6 · #90EE90

CSS variables

:root {
  --pastel-macaron-stack-3-1: #FFB6C1;
  --pastel-macaron-stack-3-2: #ADD8E6;
  --pastel-macaron-stack-3-3: #D8BFD8;
  --pastel-macaron-stack-3-4: #F0E68C;
  --pastel-macaron-stack-3-5: #90EE90;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-macaron-stack-3": {
        1: "#FFB6C1",
        2: "#ADD8E6",
        3: "#D8BFD8",
        4: "#F0E68C",
        5: "#90EE90",
      }
    }
  }
}

Related searches

playful pastel color schemesweet macaron palettelight cheerful brand colorsvibrant soft ui colorschildren's design palette

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#ADD8E6
·
Color 3#D8BFD8
·
Color 4#F0E68C
·
Color 5#90EE90
·

Accessibility

Contrast checker

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

Similar palettes

More like Pastel Macaron Stack

View all Pastel
Candy Fluff Dream
Sugar Dust Confetti
Sweet Treats
French Macaron Whimsy
Gelato Dream Parlor
Sweet Shop Nostalgia