Back to palettes

Palette

Pastel Candy Swirl

Delightful and soft hues inspired by delicate French macarons and sugary confections.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F9D3DC#E8B0BE#CFA2D0#A88CC2#8473B0

Palette guide

How to use Pastel Candy Swirl

Overview

The Pastel Candy Swirl palette features delightful and soft hues inspired by delicate French macarons and sugary confections. Comprising #F9D3DC (light pink), #E8B0BE (rose pink), #CFA2D0 (medium lavender), #A88CC2 (muted purple), and #8473B0 (deep plum), this collection is perfect for designers and developers aiming for a sophisticated, sweet, and elegant aesthetic. The harmonious progression from light pink to deeper purple creates a sense of depth and luxury, making it ideal for projects that require a refined yet playful touch. It's a truly charming and versatile pastel selection.

Best used for

  • Macaron shop branding and packaging
  • High-end dessert packaging and marketing
  • Fashion-forward pastel designs and editorials
  • Sophisticated social media templates and content
  • Elegant event invitations and decor
  • Beauty or cosmetics branding and website design

Suggested color roles

primary

Utilize #CFA2D0 as a sophisticated and sweet primary, providing an elegant and inviting core for your design.

secondary

Employ #E8B0BE to complement with warmth and softness, perfect for secondary elements or backgrounds.

accent

Apply #8473B0 for a rich and deep focal point, ideal for calls to action, important text, or luxurious accents.

background

Use #F9D3DC as a delicate, airy background, creating a subtle canvas that enhances other palette colors.

text

For optimal readability, use a deep charcoal text, such as #333333, or a rich, dark purple like #554488 for strong contrast.

Accessibility notes

  • The lighter colors (#F9D3DC, #E8B0BE) will require dark text for readability; always check contrast ratios.
  • #8473B0 offers good contrast for text on lighter backgrounds, making it suitable for important headings.
  • Ensure sufficient contrast for interactive elements against their backgrounds to meet WCAG accessibility standards.
  • Avoid using #A88CC2 and #8473B0 for small text on light backgrounds without careful contrast verification.

Recommended combinations

Macaron UI

Design an elegant user interface: #F9D3DC for the background, #CFA2D0 for card elements, and #8473B0 for prominent buttons.

#F9D3DC · #CFA2D0 · #8473B0

Elegant Layout

Create a sophisticated section: #E8B0BE for a header, #A88CC2 for a sub-section, and #F9D3DC for a subtle pattern or detail.

#E8B0BE · #A88CC2 · #F9D3DC

Rich Depth

Combine these for a sophisticated, layered look in gradients or visual elements, adding depth and elegance.

#CFA2D0 · #A88CC2 · #8473B0

CSS variables

:root {
  --pastel-candy-swirl-1: #F9D3DC;
  --pastel-candy-swirl-2: #E8B0BE;
  --pastel-candy-swirl-3: #CFA2D0;
  --pastel-candy-swirl-4: #A88CC2;
  --pastel-candy-swirl-5: #8473B0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-candy-swirl": {
        1: "#F9D3DC",
        2: "#E8B0BE",
        3: "#CFA2D0",
        4: "#A88CC2",
        5: "#8473B0",
      }
    }
  }
}

Related searches

macaron color palettesweet purple pink pastelselegant confectionery colorssophisticated dessert huessoft ombre palette

Palette colors

Hex values

Color 1#F9D3DC
·
Color 2#E8B0BE
·
Color 3#CFA2D0
·
Color 4#A88CC2
·
Color 5#8473B0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.6:1Fail
2.1:1Fail
3:1AA18
2
1.4:1Fail
1.2:1Fail
1.6:1Fail
2.2:1Fail
3
1.6:1Fail
1.2:1Fail
1.4:1Fail
1.9:1Fail
4
2.1:1Fail
1.6:1Fail
1.4:1Fail
1.4:1Fail
5
3:1AA18
2.2:1Fail
1.9:1Fail
1.4:1Fail

Similar palettes

More like Pastel Candy Swirl

View all pastel
Confetti Cream Delight
Pastel Macaron Parade
Pastel Macaron Swirl
Patisserie Macaron Assortment
Patisserie Macaron Assortment
Sweet Macaron Tower