Palette

Dawn Cloud Whisper

Soft, muted tones of dawn, capturing the ethereal glow and gentle transition of early morning clouds.

neutralcalm5 colors

More neutral 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

#F2E9E4#D5BDAF#B89B9C#8C7B83#655E6B

Palette guide

How to use Dawn Cloud Whisper

Overview

The Dawn Cloud Whisper palette (version 2) offers soft, muted tones of dawn, capturing the ethereal glow and gentle transition of early morning clouds. From the light, airy #F2E9E4 to the deeper, grounding #655E6B, this palette provides a sophisticated range of warm neutrals and dusty purples. It's ideal for designs that aim for a calm, elegant, and understated aesthetic. Designers can leverage its harmonious progression for serene backgrounds, while developers will find it perfect for light mode interfaces that are both visually soothing and incredibly versatile, promoting a sense of tranquility and refined simplicity.

Best used for

Wellness and meditation app interfaces
Feminine or luxury lifestyle blogs
Wedding or event stationery
Branding for artisanal products or organic cosmetics
Soft, minimalist interior design mood boards
Gentle e-commerce themes

Suggested color roles

primary

#D5BDAF - A warm, muted taupe that provides a soft, elegant foundation for primary elements, large sections, or brand identity.

secondary

#B89B9C - A gentle, dusty rose-gray, offering a harmonious complement, suitable for secondary content blocks, navigation, or as a subtle contrasting panel.

accent

#8C7B83 - A deeper, muted plum-gray, perfect for subtle highlights, interactive states, or delicate graphical details that add a touch of sophistication.

background

#F2E9E4 - A very light, almost off-white cream, offering an airy and serene background that enhances the calm feel of the palette.

text

#655E6B - A deep, muted purple-gray that works exceptionally well for body text on lighter backgrounds, ensuring optimal readability and a sophisticated tone.

Accessibility notes

Ensure sufficient contrast when using #655E6B for text on lighter backgrounds like #F2E9E4 or #D5BDAF.
Avoid placing #8C7B83 text on #B89B9C; their contrast might be insufficient.
For critical text, ensure a dark enough color like #655E6B is used against the lightest colors.
Test all text and background pairings using WCAG contrast checkers to meet AA or AAA standards.

Recommended combinations

Morning Haze

Creating soft, layered backgrounds or sequential sections that transition smoothly for a gentle feel.

#F2E9E4 · #D5BDAF · #B89B9C

Cloud Contrast

Pairing a warm taupe base with a deep purple-gray text and a muted plum accent for content blocks.

#D5BDAF · #655E6B · #8C7B83

Whispering Layers

Designing UI elements where subtle tonal shifts provide hierarchy, like nested containers or tabs, for a soft, sophisticated look.

#B89B9C · #8C7B83 · #655E6B

CSS variables

:root {
  --dawn-cloud-whisper-2-1: #F2E9E4;
  --dawn-cloud-whisper-2-2: #D5BDAF;
  --dawn-cloud-whisper-2-3: #B89B9C;
  --dawn-cloud-whisper-2-4: #8C7B83;
  --dawn-cloud-whisper-2-5: #655E6B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dawn-cloud-whisper-2": {
        1: "#F2E9E4",
        2: "#D5BDAF",
        3: "#B89B9C",
        4: "#8C7B83",
        5: "#655E6B",
      }
    }
  }
}

Hex values

Color 1#F2E9E4

Color 2#D5BDAF

Color 3#B89B9C

Color 4#8C7B83

Color 5#655E6B

Accessibility

Contrast checker

1.5:1Fail

2.1:1Fail

3.3:1AA18

5.2:1AA

1.5:1Fail

1.4:1Fail

2.2:1Fail

3.5:1AA18

2.1:1Fail

1.4:1Fail

1.6:1Fail

2.4:1Fail

3.3:1AA18

2.2:1Fail

1.6:1Fail

5.2:1AA

3.5:1AA18

2.4:1Fail

1.6:1Fail

Similar palettes

More like Dawn Cloud Whisper

Dawn Cloud Whisper

See it in context.

Ready when you are.

Built with Dawn Cloud Whisper.

How to use Dawn Cloud Whisper

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Morning Haze

Cloud Contrast

Whispering Layers

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Dawn Cloud Whisper