Back to palettes

Palette

Cloud Whispers

Gentle and airy, like the ethereal pastel shades of a cloud-dappled sky at sunrise or sunset.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F8BBD0#D1C4E9#BBDEFB#B2EBF2#C8E6C9

Palette guide

How to use Cloud Whispers

Overview

The Cloud Whispers palette is gentle and airy, like the ethereal pastel shades of a cloud-dappled sky at sunrise or sunset. With a delightful mix of soft pink #F8BBD0, lavender #D1C4E9, sky blue #BBDEFB, light aqua #B2EBF2, and mint green #C8E6C9, this collection offers a truly tranquil and dreamy aesthetic. It's an excellent choice for designers and developers aiming for a soothing, light-hearted, and imaginative feel. Leverage these subtle pastels to create enchanting digital experiences, gentle branding, or serene physical spaces, fostering an inviting and visually calming presence that evokes quiet charm and wonder.

Best used for

  • Baby product marketing
  • Children's website design
  • Spring event invitations
  • Confectionery branding
  • Relaxation and wellness apps
  • Romantic blog themes

Suggested color roles

primary

Use #F8BBD0 as a gentle primary for headers or main elements, offering a soft pink anchor.

secondary

Employ #D1C4E9 for supporting sections or subheadings, introducing a delicate lavender element.

accent

Apply #BBDEFB or #B2EBF2 for drawing attention to delightful details, calls-to-action, or soft highlights. Their cool tones provide refreshing accents.

background

Utilize #C8E6C9 for clean, expansive backgrounds. This very light mint green creates an airy, serene canvas.

text

For body text on light backgrounds like #C8E6C9 or #B2EBF2, a dark charcoal (#333333) or black is recommended, as palette colors are too light for extensive text.

Accessibility notes

  • This palette is very light. Most text-on-color combinations within the palette will likely fail WCAG contrast standards.
  • Always use a very dark charcoal or black text color for all body text and critical information to ensure readability.
  • The palette is best for backgrounds, accents, and subtle layering, not for text-heavy interfaces without external dark text colors.
  • Use a contrast checker diligently for any text elements, even if using an external dark color, to ensure sufficient contrast against the chosen background shade.

Recommended combinations

Sunrise Pastels

Ideal for a soft, airy brand. #F8BBD0 for gentle headers, #D1C4E9 for accents, and #C8E6C9 as a clean background.

#F8BBD0 · #D1C4E9 · #C8E6C9

Dreamy Sky

Excellent for delicate accents or subtle gradients, adding coolness and softness.

#BBDEFB · #B2EBF2 · #D1C4E9

Ethereal Glow

Creates an expansive, bright feel. #D1C4E9 for main content, with #BBDEFB and #C8E6C9 for layered backgrounds.

#D1C4E9 · #BBDEFB · #C8E6C9

CSS variables

:root {
  --cloud-whispers-1: #F8BBD0;
  --cloud-whispers-2: #D1C4E9;
  --cloud-whispers-3: #BBDEFB;
  --cloud-whispers-4: #B2EBF2;
  --cloud-whispers-5: #C8E6C9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cloud-whispers": {
        1: "#F8BBD0",
        2: "#D1C4E9",
        3: "#BBDEFB",
        4: "#B2EBF2",
        5: "#C8E6C9",
      }
    }
  }
}

Related searches

pastel sky color schemedreamy light palettesoft ethereal web designcalm pastel UI colorsgentle cloud branding

Palette colors

Hex values

Color 1#F8BBD0
·
Color 2#D1C4E9
·
Color 3#BBDEFB
·
Color 4#B2EBF2
·
Color 5#C8E6C9
·

Accessibility

Contrast checker

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

Similar palettes

More like Cloud Whispers

View all pastel
Cloud Whisper Bloom
Dreamy Watercolor
Cloud Dream Whisper
Cloud Puff Dream
Cloud Soft Dawn
Dreamy Cloudscape