Back to palettes

Palette

Pastel Macaron Dreams

A delicate assortment of soft, sugary hues, inspired by the colorful and delightful French macarons.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F9E0EC#C4E0F0#F7ECC4#C6F0D1#E0C4F0

Palette guide

How to use Pastel Macaron Dreams

Overview

The Pastel Macaron Dreams palette (ID: pastel-macaron-dreams-2) offers a collection of soft, muted pastels designed to evoke a gentle and charming aesthetic. This palette includes a delicate rose pink (#F9E0EC), a serene sky blue (#C4E0F0), a creamy butter yellow (#F7ECC4), a fresh mint green (#C6F0D1), and a soft lavender (#E0C4F0). These airy tones are perfect for creating designs that feel light, sweet, and inviting. Developers and designers can utilize this palette to build user interfaces, marketing materials, or visual content that requires a subtle touch of elegance and playfulness, reminiscent of delightful confectionery. Its harmonious balance ensures a cohesive and tranquil visual experience.

Best used for

  • Baby and children's apparel branding
  • Sweet treats and bakery marketing
  • Wedding planner websites and stationery
  • Gentle lifestyle and beauty blogs
  • Soft-themed mobile app interfaces
  • Craft and handmade product showcases

Suggested color roles

primary

#F9E0EC (Rose Pink): A delicate choice for primary calls-to-action or key branding elements, conveying tenderness and charm.

secondary

#C4E0F0 (Sky Blue): Excellent for background sections, headers, or supporting visual elements, adding a serene quality.

accent

#E0C4F0 (Lavender): Ideal for subtle highlights, interactive states, or decorative flourishes, providing a touch of softness.

background

#F7ECC4 (Butter Yellow): Serves as a warm, inviting canvas for main content areas, ensuring a soft base for other colors.

text

#C6F0D1 (Mint Green): Use for large, decorative text. For body text, a dark gray like #333333 or deep charcoal is recommended for optimal readability.

Accessibility notes

  • Due to the lightness of all colors, ensure high contrast for text, especially against the background hues like #F7ECC4.
  • Avoid using light text on these pastels; opt for dark grays or charcoals for body copy.
  • When using #F9E0EC or #C4E0F0 for interactive elements, provide clear visual cues beyond color for accessibility.
  • Consider increasing font size or weight for any text placed directly on these pastel backgrounds to improve legibility.

Recommended combinations

Soft Elegance

Creates a refined, gentle aesthetic suitable for upscale or delicate product presentations.

#F9E0EC · #F7ECC4 · #E0C4F0

Fresh & Calm

Ideal for designs emphasizing tranquility, nature, or a clean, airy feel in digital spaces.

#C4E0F0 · #C6F0D1 · #F7ECC4

Playful Accent

Use this trio for cheerful, child-friendly designs or lighthearted marketing materials.

#F9E0EC · #C4E0F0 · #C6F0D1

CSS variables

:root {
  --pastel-macaron-dreams-2-1: #F9E0EC;
  --pastel-macaron-dreams-2-2: #C4E0F0;
  --pastel-macaron-dreams-2-3: #F7ECC4;
  --pastel-macaron-dreams-2-4: #C6F0D1;
  --pastel-macaron-dreams-2-5: #E0C4F0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-macaron-dreams-2": {
        1: "#F9E0EC",
        2: "#C4E0F0",
        3: "#F7ECC4",
        4: "#C6F0D1",
        5: "#E0C4F0",
      }
    }
  }
}

Related searches

soft pastel palettemuted macaron colorslight playful color schemecharming brand colorsdelicate ui colors

Palette colors

Hex values

Color 1#F9E0EC
·
Color 2#C4E0F0
·
Color 3#F7ECC4
·
Color 4#C6F0D1
·
Color 5#E0C4F0
·

Accessibility

Contrast checker

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

Similar palettes

More like Pastel Macaron Dreams

View all pastel
Macaron Patisserie
Macaron Sweet Delight
Parisian Cafe Macaron
Pastel Confection Swirl
Pastel Macaron Delight
Pastel Macaron Stack