Back to palettes

Palette

Sweet Macaron Tower

A delectable assortment of light, sugary pastels, like a towering display of macarons.

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#FFDAB9#F0E68C#B0E0E6#DDA0DD

Palette guide

How to use Sweet Macaron Tower

Overview

The "Sweet Macaron Tower" palette (version 2) presents a delightful array of light, sugary pastels, reminiscent of a towering dessert display. Featuring a vibrant pink (#FFC0CB), a warm peach (#FFDAB9), a cheerful soft yellow (#F0E68C), a serene light blue (#B0E0E6), and a gentle lavender (#DDA0DD), this collection is perfect for projects seeking a playful and inviting mood. Designers can use these hues to infuse joy and softness into digital interfaces, branding, or print materials. The balanced mix of warm and cool tones offers versatility, making it suitable for creating harmonious and visually appealing compositions.

Best used for

  • Confectionery branding and packaging
  • Children's book illustrations
  • Spring/Summer fashion collections
  • Event planning and party decor
  • Creative blog or portfolio websites
  • Toy store branding

Suggested color roles

primary

A vibrant pink (#FFC0CB), excellent for eye-catching titles, call-to-action buttons, or main graphic elements that need to convey sweetness and energy.

secondary

A warm peach (#FFDAB9), ideal for supporting backgrounds, content blocks, or elements that require a comforting and inviting feel.

accent

A cheerful soft yellow (#F0E68C), perfect for highlights, small icons, or interactive elements that need a touch of brightness and playfulness.

background

A serene light blue (#B0E0E6), offering a fresh, clean, and airy canvas that beautifully complements the warmer pastels, providing visual balance.

text

For optimal readability, use a dark gray like #444444 or black for body text, especially against the lighter pastel backgrounds.

Accessibility notes

  • Ensure sufficient contrast for text, especially with lighter pastels like #F0E68C; use tools to check WCAG compliance.
  • Pair darker text (e.g., black or dark gray) with lighter background colors to meet accessibility standards for readability.
  • Avoid placing light pastel text on similar light pastel backgrounds, as this will lead to poor contrast and legibility issues.
  • Check the contrast of interactive elements (buttons, links) against their surrounding colors to ensure they are easily distinguishable.

Recommended combinations

Fruity Fresh

Ideal for cheerful product packaging, vibrant digital illustrations, or sections that need a bright, energetic, and sweet vibe.

#FFC0CB · #FFDAB9 · #F0E68C

Cool Comfort

Excellent for creating a calming yet inviting atmosphere in web backgrounds, soft branding, or tranquil UI components.

#B0E0E6 · #DDA0DD · #FFDAB9

Playful Pop

Best for highlighting key information, playful icons, or graphic elements that require a fun and youthful touch.

#FFC0CB · #F0E68C · #DDA0DD

CSS variables

:root {
  --sweet-macaron-tower-2-1: #FFC0CB;
  --sweet-macaron-tower-2-2: #FFDAB9;
  --sweet-macaron-tower-2-3: #F0E68C;
  --sweet-macaron-tower-2-4: #B0E0E6;
  --sweet-macaron-tower-2-5: #DDA0DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-macaron-tower-2": {
        1: "#FFC0CB",
        2: "#FFDAB9",
        3: "#F0E68C",
        4: "#B0E0E6",
        5: "#DDA0DD",
      }
    }
  }
}

Related searches

colorful pastel palettemacaron dessert colorsplayful sweet hueslight vibrant pastelssoft confectionery scheme

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#FFDAB9
·
Color 3#F0E68C
·
Color 4#B0E0E6
·
Color 5#DDA0DD
·

Accessibility

Contrast checker

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

Similar palettes

More like Sweet Macaron Tower

View all pastel
Macaron Cloud Dream
Parisian Macaron Blush
Pastel Candy Swirl
Pastel Macaron Parade
Pastel Macaron Swirl
Patisserie Macaron Assortment