Back to palettes

Palette

Pastel Macaron Parade

A delightful array of soft, delicate colors reminiscent of a whimsical collection 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 Parade 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 Parade.

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

Data visualization

#FFDAB9#E0FFFF#FFC0CB#ADD8E6#98FB98

Palette guide

How to use Pastel Macaron Parade

Overview

The Pastel Macaron Parade palette is a delightful collection of soft, inviting colors, perfect for designs that aim for a sweet and whimsical feel. It features a gentle peach (#FFDAB9), a crisp light cyan (#E0FFFF), a classic light pink (#FFC0CB), a serene light blue (#ADD8E6), and a fresh mint green (#98FB98). This harmonious blend of warm and cool pastels offers versatility for designers and developers seeking to create engaging, approachable, and visually appealing user experiences. Whether for branding, web design, or digital art, this palette provides a cohesive foundation for projects that require a touch of charm and lightheartedness, reminiscent of a delightful confectionery display.

Best used for

  • Bakery and confectionery branding
  • Children's party invitations
  • Wedding planning websites
  • Feminine lifestyle blogs
  • Soft-themed mobile game interfaces
  • Handmade craft e-commerce stores

Suggested color roles

primary

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

secondary

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

accent

#98FB98 (Mint Green): Use for subtle highlights, interactive states, or decorative flourishes to add a fresh, playful touch.

background

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

text

#E0FFFF (Light Cyan): While too light for body text, it's great for large decorative headings. For readability, use a dark gray or charcoal like #333333.

Accessibility notes

  • Prioritize high contrast for text; all palette colors are very light, necessitating dark text colors.
  • Avoid using #E0FFFF for any text smaller than large headings to prevent readability issues.
  • Test color combinations thoroughly, especially for interactive elements, to ensure sufficient contrast ratios.
  • For backgrounds like #FFDAB9 and #ADD8E6, ensure body text is a strong, dark color for legibility.

Recommended combinations

Sweet Serenity

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

#FFDAB9 · #FFC0CB · #ADD8E6

Fresh Breeze

Ideal for designs emphasizing cleanliness, nature, or a refreshing, airy feel.

#E0FFFF · #ADD8E6 · #98FB98

Playful Delight

Use this trio for cheerful, inviting elements in UI or for playful illustrations and graphics.

#FFC0CB · #98FB98 · #FFDAB9

CSS variables

:root {
  --pastel-macaron-parade-1: #FFDAB9;
  --pastel-macaron-parade-2: #E0FFFF;
  --pastel-macaron-parade-3: #FFC0CB;
  --pastel-macaron-parade-4: #ADD8E6;
  --pastel-macaron-parade-5: #98FB98;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-macaron-parade": {
        1: "#FFDAB9",
        2: "#E0FFFF",
        3: "#FFC0CB",
        4: "#ADD8E6",
        5: "#98FB98",
      }
    }
  }
}

Related searches

pastel dessert color palettemacaron color scheme ideassoft sweet brand colorslight playful ui colorswedding pastel palette

Palette colors

Hex values

Color 1#FFDAB9
·
Color 2#E0FFFF
·
Color 3#FFC0CB
·
Color 4#ADD8E6
·
Color 5#98FB98
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.2:1Fail
1.2:1Fail
1:1Fail
2
1.2:1Fail
1.5:1Fail
1.4:1Fail
1.2:1Fail
3
1.2:1Fail
1.5:1Fail
1:1Fail
1.2:1Fail
4
1.2:1Fail
1.4:1Fail
1:1Fail
1.2:1Fail
5
1:1Fail
1.2:1Fail
1.2:1Fail
1.2:1Fail

Similar palettes

More like Pastel Macaron Parade

View all pastel
Creamery Soft Serve
Delicate Macaron Bloom
Gelato Parlor Pastels
Macaron Pastel Tower
Pastel Candy Swirl
Pastel Macaron Delight