Back to palettes

Palette

Pastel Macaron Sweet

A delightful collection of soft, sugary pastels, evoking the delicate sweetness 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 Sweet 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 Sweet.

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

Data visualization

#FADADD#ADD8E6#90EE90#FFFACD#D8BFD8

Palette guide

How to use Pastel Macaron Sweet

Overview

The Pastel Macaron Sweet palette offers a truly delightful and soft collection of hues, perfect for designs that aim to evoke a sense of charm and playful elegance. It features a subtle dusty rose (#FADADD), a serene light blue (#ADD8E6), a fresh light green (#90EE90), a creamy pale yellow (#FFFACD), and a soft lavender (#D8BFD8). These gentle colors work harmoniously to provide a sense of calm and sweetness, making them ideal for designers and developers crafting refined, inviting, and visually soft presences. The palette's cohesive nature ensures that any combination will result in a graceful and appealing design, from digital interfaces to physical branding materials, truly embodying a sugary aesthetic.

Best used for

  • Patisserie and dessert shop branding
  • Baby and children's product design
  • Wedding and event stationery
  • Soft beauty and lifestyle blogs
  • Minimalist app UI with a gentle touch
  • Handmade craft e-commerce stores

Suggested color roles

primary

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

secondary

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

accent

#90EE90 (Light Green): Use for delicate highlights, interactive states, or decorative flourishes to add a fresh, playful pop.

background

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

text

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

Recommended combinations

Sweet Serenity

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

#FADADD · #ADD8E6 · #FFFACD

Fresh & Delicate

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

#ADD8E6 · #90EE90 · #D8BFD8

Playful Accent

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

#FADADD · #90EE90 · #D8BFD8

CSS variables

:root {
  --pastel-macaron-sweet-1: #FADADD;
  --pastel-macaron-sweet-2: #ADD8E6;
  --pastel-macaron-sweet-3: #90EE90;
  --pastel-macaron-sweet-4: #FFFACD;
  --pastel-macaron-sweet-5: #D8BFD8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-macaron-sweet": {
        1: "#FADADD",
        2: "#ADD8E6",
        3: "#90EE90",
        4: "#FFFACD",
        5: "#D8BFD8",
      }
    }
  }
}

Related searches

delicate pastel color palettesweet macaron brand colorssoft light ui designcharming dessert palettegentle elegant color scheme

Palette colors

Hex values

Color 1#FADADD
·
Color 2#ADD8E6
·
Color 3#90EE90
·
Color 4#FFFACD
·
Color 5#D8BFD8
·

Accessibility

Contrast checker

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

Similar palettes

More like Pastel Macaron Sweet

View all pastel
Macaron Pastel Tower
Pastel Macaron Parade
Candy Floss Serenade
Candy Floss Swirl
Candy Shop Whimsy
Cloud Cotton Fluff