Back to palettes

Palette

Pastel Glimmer Cloud

Whispers of delicate pastel shades create a light, dreamy atmosphere, like clouds touched by early dawn.

PastelCalm5 colors
More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pastel Glimmer Cloud 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 Glimmer Cloud.

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

Data visualization

#F8BBD0#E1BEE7#C5CAE9#B2EBF2#DCEDC8

Palette guide

How to use Pastel Glimmer Cloud

Overview

The Pastel Glimmer Cloud palette embodies a serene and airy aesthetic, reminiscent of a peaceful sky at dawn. This collection of soft pastels includes the gentle pink of #F8BBD0, the subtle lavender of #E1BEE7, and the calming blue of #C5CAE9. Complementing these are the refreshing aqua tone of #B2EBF2 and the soft mint green of #DCEDC8. Designers can utilize this palette to create light, inviting, and comforting visual experiences across various applications, from lifestyle blogs to wellness apps, fostering a sense of tranquility and delicate beauty with its harmonious hues.

Best used for

  • Wellness and mindfulness apps
  • Baby product branding
  • Spa and beauty salon websites
  • Soft fashion or bridal design
  • Interior design mood boards
  • Gentle e-commerce themes

Suggested color roles

primary

Use #C5CAE9 (Periwinkle Blue) for main content areas or background elements to establish a calm and stable foundation.

secondary

Apply #E1BEE7 (Lavender Pink) for secondary headers, decorative elements, or interactive components, adding a touch of warmth.

accent

Introduce #B2EBF2 (Light Blue) for hover states, call-to-action buttons, or subtle highlights, providing a refreshing pop.

background

The very light #DCEDC8 (Mint Cream) or #F8BBD0 (Light Pink) work beautifully as clean, airy backgrounds, ensuring readability.

text

For optimal readability, use a dark grey or charcoal (e.g., #333333) for primary text on these light pastels. White text can be used sparingly on darker elements if sufficient contrast is achieved.

Accessibility notes

  • Most colors in this palette are very light; ensure text has sufficient contrast, preferably using dark text.
  • Avoid using light pastel text on light pastel backgrounds (e.g., #F8BBD0 text on #E1BEE7 background).
  • Check contrast ratios for all text and interactive elements against their backgrounds to meet WCAG AA standards.
  • Consider using a slightly darker shade from the palette for borders or outlines to enhance clarity for low-vision users.

Recommended combinations

Morning Haze

Excellent for gradient backgrounds or soft UI cards, evoking a gentle, dreamy atmosphere.

#C5CAE9 · #E1BEE7 · #F8BBD0

Fresh Air

Ideal for nature-inspired themes, health apps, or refreshing brand identities, suggesting cleanliness.

#B2EBF2 · #DCEDC8 · #C5CAE9

Delicate Touch

Suitable for feminine branding, event invitations, or soft product packaging, creating a tender feel.

#F8BBD0 · #E1BEE7 · #DCEDC8

CSS variables

:root {
  --pastel-glimmer-cloud-1: #F8BBD0;
  --pastel-glimmer-cloud-2: #E1BEE7;
  --pastel-glimmer-cloud-3: #C5CAE9;
  --pastel-glimmer-cloud-4: #B2EBF2;
  --pastel-glimmer-cloud-5: #DCEDC8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-glimmer-cloud": {
        1: "#F8BBD0",
        2: "#E1BEE7",
        3: "#C5CAE9",
        4: "#B2EBF2",
        5: "#DCEDC8",
      }
    }
  }
}

Related searches

airy pastel color schemesoft serene palettedreamy cloud colorslight tranquil pastelspastel pink blue green

Palette colors

Hex values

Color 1#F8BBD0
·
Color 2#E1BEE7
·
Color 3#C5CAE9
·
Color 4#B2EBF2
·
Color 5#DCEDC8
·

Accessibility

Contrast checker

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

Similar palettes

More like Pastel Glimmer Cloud

View all Pastel
Cloud Veil Dream
Coral Cloud Blush
Ethereal Sea Foam
Garden Blossom Dew
Lavender Haze Dreams
Lavender Mist Dream