Back to palettes

Palette

Sweet Glaze Dream

A sugary collection of soft, varied pastels, like a dream of perfectly glazed confections.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sweet Glaze Dream 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 Sweet Glaze Dream.

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

Data visualization

#FAD7DD#C3F8E0#E0EFEF#FCE8C3#DCD0F2

Palette guide

How to use Sweet Glaze Dream

Overview

The "Sweet Glaze Dream" palette offers a sophisticated blend of soft pastels, perfect for creating inviting and gentle digital experiences. Featuring a delicate pink (#FAD7DD), a fresh mint green (#C3F8E0), a serene light blue (#E0EFEF), a warm creamy yellow (#FCE8C3), and a subtle lavender (#DCD0F2), this collection evokes a sense of calm and playful elegance. Designers can leverage these versatile hues for branding, UI elements, or illustrative graphics, ensuring a harmonious and visually appealing result. Its balanced lightness makes it ideal for projects requiring a soft touch without losing vibrancy, offering a dreamlike quality to any design project.

Best used for

  • Children's product branding
  • Bakery or patisserie websites
  • Baby shower invitations and decor
  • Feminine lifestyle blogs
  • Gentle mobile app interfaces
  • Illustrative children's books

Suggested color roles

primary

Use #FAD7DD (Soft Pink) for main backgrounds or large sections where a welcoming, gentle tone is desired.

secondary

Apply #C3F8E0 (Mint Green) for complementary panels, headers, or interactive elements, adding a touch of freshness.

accent

Employ #FCE8C3 (Creamy Yellow) sparingly for call-to-action buttons, icons, or highlights to draw attention with warmth.

background

Utilize #E0EFEF (Light Blue) as a clean, airy canvas for content, ensuring readability with darker text.

text

While #DCD0F2 (Lavender) can be used for decorative headlines, for body text, a dark charcoal or black is recommended for optimal contrast and legibility.

Accessibility notes

  • Ensure sufficient contrast between any of these light colors and white text; generally, dark text is recommended.
  • Pair #DCD0F2 text with a darker background or use a very large font size for readability.
  • Avoid using #FAD7DD and #FCE8C3 together for small text or critical information due to similar lightness.
  • Consider using a rich black (e.g., #333333) for body text to maintain legibility across all backgrounds effectively.

Recommended combinations

Gentle Serenity

Perfect for serene landing pages or calming app screens, using the light blue as a primary background.

#E0EFEF · #C3F8E0 · #DCD0F2

Playful Warmth

Creates a cheerful and inviting atmosphere, suitable for children's content or sweet brand elements.

#FCE8C3 · #FAD7DD · #C3F8E0

Subtle Depth

Use the lavender as a primary focus with pink and blue as soft complements for a sophisticated, understated feel.

#DCD0F2 · #FAD7DD · #E0EFEF

CSS variables

:root {
  --sweet-glaze-dream-1: #FAD7DD;
  --sweet-glaze-dream-2: #C3F8E0;
  --sweet-glaze-dream-3: #E0EFEF;
  --sweet-glaze-dream-4: #FCE8C3;
  --sweet-glaze-dream-5: #DCD0F2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-glaze-dream": {
        1: "#FAD7DD",
        2: "#C3F8E0",
        3: "#E0EFEF",
        4: "#FCE8C3",
        5: "#DCD0F2",
      }
    }
  }
}

Related searches

pastel color schemes for websoft aesthetic palettelight sweet color combinationsdreamy pastel ui colorsgentle dessert palette

Palette colors

Hex values

Color 1#FAD7DD
·
Color 2#C3F8E0
·
Color 3#E0EFEF
·
Color 4#FCE8C3
·
Color 5#DCD0F2
·

Accessibility

Contrast checker

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

Similar palettes

More like Sweet Glaze Dream

View all pastel
Macaron Patisserie
Macaron Sweet Delight
Pastel Confection Swirl
Pastel Macaron Delight
Pastel Macaron Dreams
Pastel Macaron Stack