Back to palettes

Palette

Cloud Mist Whisper

A delicate and translucent palette evoking the soft, diffused light and quiet calm of mist-laden clouds.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E0FFFF#F8F8FF#DCDCDC#E0FFE0#E6E6FA

Palette guide

How to use Cloud Mist Whisper

Overview

The Cloud Mist Whisper palette is a delicate and translucent collection, evoking the soft, diffused light and quiet calm of mist-laden clouds. With ethereal hues like #E0FFFF (light cyan), #F8F8FF (ghost white), #DCDCDC (gainsboro), #E0FFE0 (light green), and #E6E6FA (lavender blush), this palette is the epitome of gentle serenity. It's an excellent choice for designers and developers aiming for an airy, soft, and dreamlike aesthetic. Leverage these subtle pastels to create peaceful websites, ethereal branding, or tranquil interfaces that convey calm and lightness, fostering an inviting and almost weightless visual experience.

Best used for

  • Spa and wellness branding
  • Baby product marketing
  • Dreamy wedding themes
  • Mindfulness app interfaces
  • Soft photography edits
  • Ethereal art installations

Suggested color roles

primary

Use #DCDCDC as the deepest 'color' for subtle anchors like light dividers or very light typography on bright backgrounds. It offers the most contrast.

secondary

Employ #E6E6FA for supporting sections or subtle background variations. Its hint of lavender adds softness.

accent

Apply #E0FFFF or #E0FFE0 for interactive elements or hover states, offering cool, clean highlights and subtle variation.

background

Utilize #F8F8FF for clean, expansive backgrounds. This almost-white shade creates an airy, dreamlike canvas, promoting readability.

text

For body text on backgrounds like #F8F8FF, a very dark charcoal (#333333) or black is essential for readability, as palette colors are too light for text.

Accessibility notes

  • This palette is extremely light. Almost all text-on-color combinations within the palette will 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 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

Soft Air

Ideal for creating subtle, layered backgrounds in web or print, evoking softness and depth.

#F8F8FF · #E6E6FA · #E0FFFF

Gentle Haze

Excellent for defining subtle sections or borders. #DCDCDC for light lines, #F8F8FF as the main background.

#DCDCDC · #F8F8FF · #E0FFE0

Ethereal UI

Perfect for a very light, spacious UI. #E0FFE0 for interactive elements, with #E6E6FA and #F8F8FF for layered backgrounds.

#E0FFE0 · #E6E6FA · #F8F8FF

CSS variables

:root {
  --cloud-mist-whisper-1: #E0FFFF;
  --cloud-mist-whisper-2: #F8F8FF;
  --cloud-mist-whisper-3: #DCDCDC;
  --cloud-mist-whisper-4: #E0FFE0;
  --cloud-mist-whisper-5: #E6E6FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cloud-mist-whisper": {
        1: "#E0FFFF",
        2: "#F8F8FF",
        3: "#DCDCDC",
        4: "#E0FFE0",
        5: "#E6E6FA",
      }
    }
  }
}

Related searches

pastel white color paletteethereal soft web designcalm mist UI colorslight dream brandinggentle airy background scheme

Palette colors

Hex values

Color 1#E0FFFF
·
Color 2#F8F8FF
·
Color 3#DCDCDC
·
Color 4#E0FFE0
·
Color 5#E6E6FA
·

Accessibility

Contrast checker

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

Similar palettes

More like Cloud Mist Whisper

View all pastel
Gentle Sky Gaze
Lilac Cloud Dream
Cloud Blossom Breeze
Cloud Shimmer Dawn
Cloud Whisper Bloom
Cloudless Sky Wash