Back to palettes

Palette

Pastel Macaron Dream

Delicate, sugary shades mimicking the delightful and whimsical colors 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 Dream 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 Dream.

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

Data visualization

#FFB6C1#ADD8E6#FFFACD#E0B0FF#98FB98

Palette guide

How to use Pastel Macaron Dream

Overview

The Pastel Macaron Dream palette offers a delightful array of soft, whimsical shades perfect for evoking a sense of sweetness and playfulness. Featuring a gentle pink (#FFB6C1), a serene light blue (#ADD8E6), a creamy yellow (#FFFACD), a soft lavender (#E0B0FF), and a fresh mint green (#98FB98), this collection is ideal for projects requiring a lighthearted and inviting aesthetic. Designers can leverage these delicate hues to create harmonious, visually appealing interfaces and branding materials that feel warm and approachable. The balance of warm and cool pastels ensures versatility, allowing for vibrant yet soft compositions without overwhelming the user. This palette is a go-to for designers aiming for a charming, confectionery-inspired look.

Best used for

  • Children's product branding
  • Bakery and cafe websites/packaging
  • Wedding stationery and decor
  • Creative blogs and lifestyle apps
  • Baby shower invitations and themes
  • Soft fashion and beauty branding

Suggested color roles

primary

#FFB6C1 (Light Pink): Excellent for brand accents, call-to-action buttons, or feminine product highlights, conveying warmth and sweetness.

secondary

#ADD8E6 (Light Blue): A calming choice for secondary backgrounds, headers, or informational sections, offering a gentle contrast.

accent

#E0B0FF (Lavender): Use this soft purple for interactive elements, hover states, or subtle decorative details to add a touch of whimsy.

background

#FFFACD (Creamy Yellow): Ideal as a main background color, providing a warm, inviting canvas that supports other pastels without feeling stark.

text

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

Accessibility notes

  • Ensure sufficient contrast when pairing light pastels with text; darker text is often necessary.
  • Test text against #FFFACD and #ADD8E6 carefully, as these light backgrounds require darker text colors.
  • Consider using #FFB6C1 or #E0B0FF only for larger decorative text or UI elements, not small body copy.
  • For interactive elements, ensure hover/focus states provide clear visual feedback beyond just color change.

Recommended combinations

Sweet Harmony

Perfect for creating a soft, inviting atmosphere in branding or digital illustrations.

#FFB6C1 · #FFFACD · #E0B0FF

Fresh & Airy

Ideal for designs that aim for a clean, natural, and refreshing feel, like health or eco-friendly brands.

#ADD8E6 · #98FB98 · #FFFACD

Playful Pop

Use these for vibrant yet gentle UI elements or illustrations where a cheerful contrast is desired.

#FFB6C1 · #ADD8E6 · #E0B0FF

CSS variables

:root {
  --pastel-macaron-dream-1: #FFB6C1;
  --pastel-macaron-dream-2: #ADD8E6;
  --pastel-macaron-dream-3: #FFFACD;
  --pastel-macaron-dream-4: #E0B0FF;
  --pastel-macaron-dream-5: #98FB98;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-macaron-dream": {
        1: "#FFB6C1",
        2: "#ADD8E6",
        3: "#FFFACD",
        4: "#E0B0FF",
        5: "#98FB98",
      }
    }
  }
}

Related searches

pastel color schemesmacaron inspired colorssoft pink blue yellow palettewhimsical brand colorslighthearted ui ux colors

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#ADD8E6
·
Color 3#FFFACD
·
Color 4#E0B0FF
·
Color 5#98FB98
·

Accessibility

Contrast checker

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

Similar palettes

More like Pastel Macaron Dream

View all Pastel
French Macaron Whimsy
Sugared Macaron Delight
Candy Fluff Dream
Cotton Candy Horizon
Fairy Tale Cottage
Gelato Dream Parlor