Back to palettes

Palette

Pastel Macaron Swirl

Soft and sweet pastel hues resembling delicate French macarons, creating a lighthearted and delicious visual treat.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F5E0F5#E0F5F5#F5F5E0#E0E0F5#F5EAE0

Palette guide

How to use Pastel Macaron Swirl

Overview

The Pastel Macaron Swirl palette offers an exquisite collection of ultra-soft, almost ethereal pastel hues, perfect for designs that require a gentle, dreamy, and sophisticated touch. It features a very light lavender (#F5E0F5), an airy light cyan (#E0F5F5), a creamy pale yellow (#F5F5E0), a subtle light blue (#E0E0F5), and a warm, barely-there peach (#F5EAE0). These incredibly delicate colors are designed to blend seamlessly, creating a serene and cohesive visual experience. Developers and designers can leverage this palette to craft refined user interfaces, elegant branding, or tranquil digital content that evokes a sense of calm luxury and understated charm, reminiscent of a soft, swirling dessert.

Best used for

  • Luxury spa and wellness branding
  • High-end wedding invitations
  • Minimalist fashion and beauty websites
  • Serene meditation app interfaces
  • Art gallery or museum digital presence
  • Sophisticated baby product marketing

Suggested color roles

primary

#F5E0F5 (Light Lavender): A subtle choice for primary branding elements or soft calls-to-action, conveying elegance and calm.

secondary

#E0F5F5 (Light Cyan): Excellent for spacious backgrounds or subtle section dividers, adding an airy, clean feel.

accent

#F5EAE0 (Barely-there Peach): Use for very delicate highlights, hover states, or soft decorative details to add warmth.

background

#F5F5E0 (Pale Yellow): Serves as an extremely gentle, luminous canvas for main content, promoting a sense of openness.

text

#E0E0F5 (Subtle Light Blue): Too light for body text. For readability, use a very dark gray or black like #222222 for all essential text.

Accessibility notes

  • Due to extreme lightness, all text must be a very dark color (e.g., black or charcoal) to ensure any readability.
  • Avoid using any of these palette colors for text, except possibly large, decorative, non-essential headings, with extreme caution.
  • Contrast ratios will be very low across the palette; rely heavily on visual hierarchy, size, and weight for distinction.
  • For interactive elements, always provide strong, clear feedback via dark outlines, shadows, or bold text, not just subtle color shifts.

Recommended combinations

Ethereal Calm

Creates an incredibly soft, dreamy, and serene atmosphere, ideal for luxury or wellness themes.

#F5E0F5 · #E0F5F5 · #F5F5E0

Subtle Warmth

Perfect for designs needing a gentle, inviting glow without strong color presence.

#F5F5E0 · #F5EAE0 · #E0E0F5

Airy Grace

Use for backgrounds or subtle layering where a clean, almost transparent feel is desired.

#E0F5F5 · #E0E0F5 · #F5E0F5

CSS variables

:root {
  --pastel-macaron-swirl-1: #F5E0F5;
  --pastel-macaron-swirl-2: #E0F5F5;
  --pastel-macaron-swirl-3: #F5F5E0;
  --pastel-macaron-swirl-4: #E0E0F5;
  --pastel-macaron-swirl-5: #F5EAE0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-macaron-swirl": {
        1: "#F5E0F5",
        2: "#E0F5F5",
        3: "#F5F5E0",
        4: "#E0E0F5",
        5: "#F5EAE0",
      }
    }
  }
}

Related searches

ultra light pastel paletteethereal macaron colorssoft luxury color schememinimalist serene ui colorsbarely there pastels

Palette colors

Hex values

Color 1#F5E0F5
·
Color 2#E0F5F5
·
Color 3#F5F5E0
·
Color 4#E0E0F5
·
Color 5#F5EAE0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.1:1Fail
1:1Fail
1.1:1Fail
2
1.1:1Fail
1:1Fail
1.1:1Fail
1:1Fail
3
1.1:1Fail
1:1Fail
1.2:1Fail
1.1:1Fail
4
1:1Fail
1.1:1Fail
1.2:1Fail
1.1:1Fail
5
1.1:1Fail
1:1Fail
1.1:1Fail
1.1:1Fail

Similar palettes

More like Pastel Macaron Swirl

View all pastel
Patisserie Macaron Assortment
Confetti Cream Delight
Creamery Soft Serve
Delicate Macaron Bloom
Macaron Pastel Tower
Macaroon Glaze Delight