Back to palettes

Palette

Patisserie Cloud Swirl

Sweet, soft shades mimicking the delightful array of delicate French macarons in a charming patisserie.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Patisserie Cloud 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 Patisserie Cloud Swirl.

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

Data visualization

#FFC0CB#ADD8E6#90EE90#FFD700#DDA0DD

Palette guide

How to use Patisserie Cloud Swirl

Overview

The "Patisserie Cloud Swirl" palette offers sweet, soft shades mimicking the delightful array of delicate French macarons in a charming patisserie. This playful collection features #FFC0CB, a classic light pink, #ADD8E6, a calming light blue, and #90EE90, a refreshing light green. #FFD700 introduces a vibrant, cheerful gold, while #DDA0DD rounds out the palette with a soft, muted plum or orchid. Designers can leverage this inviting palette to create cheerful, whimsical, and sophisticated designs, ideal for food branding, children's products, or any project seeking a touch of innocent charm and elegance.

Best used for

  • French bakery or patisserie branding
  • Children's party invitations and decor
  • Sweet-themed mobile app interfaces
  • Cosmetic or beauty product packaging
  • Event planning for whimsical celebrations
  • Social media graphics for joyful brands

Suggested color roles

primary

#FFC0CB - A classic light pink, perfect for main headings, calls-to-action, or significant brand elements to convey sweetness and charm.

secondary

#ADD8E6 - This calming light blue works well for subheadings, secondary buttons, or large background sections, introducing a fresh, airy feel.

accent

#FFD700 - A vibrant gold, apply this for striking highlights, interactive states, or small decorative elements to add a luxurious, cheerful pop.

background

#90EE90 - A refreshing light green base, offering a soft, inviting canvas that makes the overall design feel fresh and playful.

text

#DDA0DD - Best for decorative text or small elements; for main body content, use a dark neutral like #333333 for optimal readability against lighter backgrounds.

Accessibility notes

  • Many colors (pink, light blue, light green) are light; ensure high contrast with dark text (e.g., black or #2A2A2A) for all written content.
  • #FFD700 (gold) requires dark text for readability; avoid white text on this color.
  • Avoid placing light text on any of these pastel backgrounds; always test contrast ratios carefully.
  • For interactive elements, ensure sufficient visual cues beyond color, as some combinations might have low contrast.

Recommended combinations

Macaron Medley

Creates a soft, harmonious blend reminiscent of pastel confections, ideal for backgrounds or layered UI elements.

#FFC0CB · #ADD8E6 · #90EE90

Festive Pop

Combine these for a playful yet elegant look, with the gold providing a cheerful accent against the softer blue and plum.

#FFD700 · #DDA0DD · #ADD8E6

Sweet Elegance

Use the light green as a background, pink for key information, and gold for striking accents or calls to action.

#90EE90 · #FFC0CB · #FFD700

CSS variables

:root {
  --patisserie-cloud-swirl-1: #FFC0CB;
  --patisserie-cloud-swirl-2: #ADD8E6;
  --patisserie-cloud-swirl-3: #90EE90;
  --patisserie-cloud-swirl-4: #FFD700;
  --patisserie-cloud-swirl-5: #DDA0DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "patisserie-cloud-swirl": {
        1: "#FFC0CB",
        2: "#ADD8E6",
        3: "#90EE90",
        4: "#FFD700",
        5: "#DDA0DD",
      }
    }
  }
}

Related searches

patisserie color palettesweet pastel colorsmacaron color schemeplayful elegant designcharming dessert hues

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#ADD8E6
·
Color 3#90EE90
·
Color 4#FFD700
·
Color 5#DDA0DD
·

Accessibility

Contrast checker

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

Similar palettes

More like Patisserie Cloud Swirl

View all pastel
Buttercream Frosting Soft
Confection Cloud Dream
Creamery Soft Serve
Delicate Macaron Bloom
Gelato Parlor Pastels
Gelato Scoop Dream