Back to palettes

Palette

Dawn Cloud Whisper

Gentle and ethereal, these soft hues capture the delicate, whispering pastels of a tranquil dawn sky.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFD1DC#FFE0F0#DCD0FF#A5DEE4#B0E0E6

Palette guide

How to use Dawn Cloud Whisper

Overview

The Dawn Cloud Whisper palette (original) is a gentle and ethereal collection of soft pastels, capturing the delicate, whispering hues of a tranquil dawn sky. Featuring a harmonious blend of light pinks like #FFD1DC and #FFE0F0, soft purples like #DCD0FF, and serene blues like #A5DEE4 and #B0E0E6, this palette is perfect for designs that aim for a calm, delicate, and dreamy aesthetic. It's ideal for feminine branding, children's products, or any project that seeks to evoke lightness and innocence. Designers can leverage its soft tones for airy backgrounds, while developers will find it excellent for light mode interfaces that are visually soothing and incredibly inviting.

Best used for

  • Baby or children's product branding
  • Wedding or romantic event invitations
  • Wellness and mindfulness app design
  • Feminine lifestyle blogs or e-commerce
  • Spring or pastel-themed digital content
  • Delicate digital art and illustrations

Suggested color roles

primary

#FFE0F0 - A very soft, delicate pink that provides an airy and gentle foundation for primary elements or large sections.

secondary

#DCD0FF - A light, dreamy lavender-blue, offering a harmonious complement, suitable for secondary content blocks or subtle accents.

accent

#A5DEE4 - A serene, light blue, perfect for subtle highlights, interactive states, or delicate graphical details, adding a touch of freshness.

background

#FFD1DC - A soft, light pink that offers an ethereal and tranquil background, perfect for a gentle, inviting aesthetic.

text

#B0E0E6 - A light, serene blue that can be used for very subtle text. For main body text on these light backgrounds, use a dark charcoal (e.g., #333333) or a deep blue (e.g., #2F4F4F) for optimal readability.

Accessibility notes

  • This palette consists of very light pastels; ensure extremely high contrast for all text.
  • Avoid using any of the palette colors for text on other palette colors without significant darkening.
  • For critical text, a dark color like black, charcoal, or dark navy should be used on any of these backgrounds.
  • Test all text and background pairings using WCAG contrast checkers to meet AA or AAA standards.

Recommended combinations

Pastel Sky

Creating soft, ethereal gradients for backgrounds or large sections, evoking a tranquil dawn.

#FFD1DC · #FFE0F0 · #DCD0FF

Delicate Whisper

Pairing a soft pink base with light blue accents for a fresh, airy feel in content blocks.

#FFE0F0 · #A5DEE4 · #B0E0E6

Dreamy Layers

Designing UI elements where subtle shifts in light purples and blues create a gentle hierarchy.

#DCD0FF · #A5DEE4 · #B0E0E6

CSS variables

:root {
  --dawn-cloud-whisper-1: #FFD1DC;
  --dawn-cloud-whisper-2: #FFE0F0;
  --dawn-cloud-whisper-3: #DCD0FF;
  --dawn-cloud-whisper-4: #A5DEE4;
  --dawn-cloud-whisper-5: #B0E0E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dawn-cloud-whisper": {
        1: "#FFD1DC",
        2: "#FFE0F0",
        3: "#DCD0FF",
        4: "#A5DEE4",
        5: "#B0E0E6",
      }
    }
  }
}

Related searches

pastel dawn colorslight ethereal palettecalm sky blue pinkdelicate morning huessoft pastel UI

Palette colors

Hex values

Color 1#FFD1DC
·
Color 2#FFE0F0
·
Color 3#DCD0FF
·
Color 4#A5DEE4
·
Color 5#B0E0E6
·

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.2:1Fail
1.2:1Fail
1.2:1Fail
3
1.1:1Fail
1.2:1Fail
1:1Fail
1:1Fail
4
1.1:1Fail
1.2:1Fail
1:1Fail
1:1Fail
5
1.1:1Fail
1.2:1Fail
1:1Fail
1:1Fail

Similar palettes

More like Dawn Cloud Whisper

View all pastel
Dawn Serenity
Dewdrop Petal Blush
Dreamy Cloudscape
Dreamy Cotton
Hazy Sunset Horizon
Lavender Sky Dusk