Back to palettes

Palette

Macaron Pastel Tower

A delightful stack of soft, airy pastel shades inspired by delicate French macarons.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFDAB9#FFE4E1#E0FFFF#DDA0DD#FAFAD2

Palette guide

How to use Macaron Pastel Tower

Overview

The Macaron Pastel Tower palette is a delightful stack of soft, airy pastel shades inspired by delicate French macarons. Featuring #FFDAB9 (Peach Puff), #FFE4E1 (Misty Rose), #E0FFFF (Light Cyan), #DDA0DD (Plum), and #FAFAD2 (Light Goldenrod Yellow), this collection is designed for designers and developers seeking to create playful, sweet, and comforting experiences. It's ideal for projects that require a lighthearted, charming, and gentle aesthetic, perfect for children's themes, celebratory events, or any brand aiming for an inviting and soft appeal.

Best used for

  • Bakery and sweet shop branding
  • Baby clothing and nursery decor
  • Event invitations and party themes
  • Craft and hobby supplies packaging
  • Spring and Easter seasonal designs
  • Feminine fashion and accessory branding

Suggested color roles

primary

Use #FFDAB9 as a warm, inviting base for backgrounds or main content areas, creating a soft, welcoming feel.

secondary

Employ #FFE4E1 or #FAFAD2 for supporting elements, borders, or secondary information, maintaining a light touch.

accent

Introduce #DDA0DD for a distinctive, playful pop in illustrations, icons, or calls-to-action. #E0FFFF provides a cool contrast.

background

A light and airy background can be created with #FFE4E1 or #FAFAD2, offering a clean, soft canvas.

text

For optimal readability, use a dark gray or black text. Avoid using any of the pastel palette colors for small body text due to low contrast.

Accessibility notes

  • Text contrast is crucial; always use dark text (e.g., black or dark gray) on these light pastel backgrounds to ensure readability.
  • Avoid using any of the palette colors for small body text, as they will likely not meet WCAG contrast guidelines.
  • Ensure interactive elements are clearly distinguishable through means other than just color, such as size or outline.
  • The color #DDA0DD might offer slightly better contrast for very large headings, but still requires careful testing.

Recommended combinations

Sweet & Gentle

Creates a warm, harmonious and inviting feel, suitable for soft and elegant designs.

#FFDAB9 · #FFE4E1 · #FAFAD2

Playful Mix

Ideal for designs that need a cheerful, contrasting pop with a touch of whimsy.

#E0FFFF · #DDA0DD · #FFDAB9

Tower of Hues

Offers a balanced, light, and airy combination, great for gentle interfaces or multi-layered visuals.

#FAFAD2 · #FFE4E1 · #E0FFFF

CSS variables

:root {
  --macaron-pastel-tower-1: #FFDAB9;
  --macaron-pastel-tower-2: #FFE4E1;
  --macaron-pastel-tower-3: #E0FFFF;
  --macaron-pastel-tower-4: #DDA0DD;
  --macaron-pastel-tower-5: #FAFAD2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "macaron-pastel-tower": {
        1: "#FFDAB9",
        2: "#FFE4E1",
        3: "#E0FFFF",
        4: "#DDA0DD",
        5: "#FAFAD2",
      }
    }
  }
}

Related searches

pastel tower colorsmacaron dessert palettesoft playful hueslight spring designdelicate sweet themes

Palette colors

Hex values

Color 1#FFDAB9
·
Color 2#FFE4E1
·
Color 3#E0FFFF
·
Color 4#DDA0DD
·
Color 5#FAFAD2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
1.6:1Fail
1.2:1Fail
2
1.1:1Fail
1.1:1Fail
1.7:1Fail
1.1:1Fail
3
1.2:1Fail
1.1:1Fail
2:1Fail
1:1Fail
4
1.6:1Fail
1.7:1Fail
2:1Fail
1.9:1Fail
5
1.2:1Fail
1.1:1Fail
1:1Fail
1.9:1Fail

Similar palettes

More like Macaron Pastel Tower

View all pastel