Back to palettes

Palette

Sweet Macaron Tower

Deliciously delicate and airy hues, like a tower of assorted French macarons, each a gentle burst of flavor.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sweet Macaron Tower 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 Sweet Macaron Tower.

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

Data visualization

#FFC0CB#ADD8E6#90EE90#FFFACD#E6E6FA

Palette guide

How to use Sweet Macaron Tower

Overview

The "Sweet Macaron Tower" palette offers a deliciously delicate and airy collection of hues, much like a tower of assorted French macarons. This joyful set includes a classic pastel pink (#FFC0CB), a serene light blue (#ADD8E6), a fresh mint green (#90EE90), a creamy pastel yellow (#FFFACD), and a soft lavender (#E6E6FA). It's an excellent choice for designers and developers looking to infuse projects with a sense of sweetness, lightness, and playful charm. The blend of warm and cool pastels provides versatility, making it suitable for creating harmonious and inviting visuals across various applications, from digital interfaces to print media.

Best used for

  • Children's clothing brands
  • Sweet shop or dessert cafe branding
  • Spring-themed event invitations
  • Toy packaging design
  • Creative lifestyle blogs
  • Baby shower decor and themes

Suggested color roles

primary

A classic pastel pink (#FFC0CB), ideal for main branding elements, hero sections, or calls-to-action that need to convey warmth and playfulness.

secondary

A serene light blue (#ADD8E6), excellent for balancing the pink, providing a calm and refreshing secondary color for navigation or content blocks.

accent

A fresh mint green (#90EE90), perfect for subtle highlights, interactive elements, or icons that need a touch of vibrancy and natural charm.

background

A creamy pastel yellow (#FFFACD), offering a soft, inviting, and slightly warm canvas that provides a gentle backdrop for other colors.

text

For optimal readability, use a dark charcoal like #333333 or black for body text, ensuring sufficient contrast against the light pastel backgrounds.

Accessibility notes

  • Ensure strong contrast for all text against the light backgrounds; black or dark charcoal is recommended for body copy to meet WCAG standards.
  • Avoid using light pastel text colors, as they will not provide sufficient contrast against other pastels in this palette.
  • When designing interactive elements, ensure they have clear visual cues (e.g., darker borders, shadows) to differentiate them from static content.
  • Consider using a slightly bolder font weight for headings if using slightly less contrasting (but still dark) text colors.

Recommended combinations

Joyful Mix

Ideal for creating cheerful landing pages, playful digital illustrations, or product highlights that need to pop with sweetness.

#FFC0CB · #90EE90 · #FFFACD

Calm & Fresh

Excellent for serene backgrounds, inviting UI elements, or sections that require a gentle, calming, and airy feel.

#ADD8E6 · #E6E6FA · #FFFACD

Pastel Harmony

Best for branding that evokes softness and balance, subtle gradients, or decorative patterns in a gentle, cohesive manner.

#FFC0CB · #ADD8E6 · #E6E6FA

CSS variables

:root {
  --sweet-macaron-tower-1: #FFC0CB;
  --sweet-macaron-tower-2: #ADD8E6;
  --sweet-macaron-tower-3: #90EE90;
  --sweet-macaron-tower-4: #FFFACD;
  --sweet-macaron-tower-5: #E6E6FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-macaron-tower": {
        1: "#FFC0CB",
        2: "#ADD8E6",
        3: "#90EE90",
        4: "#FFFACD",
        5: "#E6E6FA",
      }
    }
  }
}

Related searches

sweet pastel color schememacaron inspired designlight playful color palettepink blue green pastelsjoyful soft hues

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#ADD8E6
·
Color 3#90EE90
·
Color 4#FFFACD
·
Color 5#E6E6FA
·

Accessibility

Contrast checker

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

Similar palettes

More like Sweet Macaron Tower

View all pastel
Pastel Macaron Delights
Powdered Macaron Bliss
Sugar Frosting Dream
Sweet Berry Soufflé
Sweet Macaron Dreams
Berry Blossom Kiss