Back to palettes

Palette

Misty Morning Dew

Delicate and airy, this palette captures the subtle beauty of a tranquil, dewy morning fog.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Misty Morning Dew 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 Misty Morning Dew.

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

Data visualization

#B0C4DE#C6E2FF#E0FFFF#F0F8FF#F8F8FF

Palette guide

How to use Misty Morning Dew

Overview

The Misty Morning Dew palette offers an incredibly delicate and airy collection of light blues and near-whites, perfectly capturing the serene beauty of a tranquil, dewy morning fog. Featuring hues from the soft #B0C4DE to the almost imperceptible #F8F8FF, and including the gentle #E0FFFF, this palette is ideal for designers and developers seeking extreme lightness and an expansive, clean aesthetic. It provides an excellent foundation for minimalist designs, ethereal branding, or user interfaces where softness, purity, and a sense of calm openness are paramount. Its subtle shifts create depth without overwhelming the user.

Best used for

  • Minimalist web design
  • Baby and children's product branding
  • Cloud computing interfaces
  • Spa and wellness retreat websites
  • Wedding invitations and decor
  • Ethereal photography showcases

Suggested color roles

primary

#B0C4DE - A soft, muted blue-grey, ideal for subtle headings, secondary buttons, or navigational elements, providing a gentle anchor.

secondary

#C6E2FF - A very light, clear sky blue, suitable for borders, hover states, or subtle graphic elements, adding a hint of fresh color.

accent

#E0FFFF - An extremely light, almost white aqua, which can be used for very delicate highlights, background patterns, or interactive element states.

background

#F8F8FF - A pristine, almost pure white, excellent for main content areas, large backgrounds, or a clean canvas, maximizing spaciousness.

text

Dark charcoal or black - A dark grey such as #333333 or pure black should be used for primary body text to ensure maximum readability against these very light backgrounds.

Accessibility notes

  • Crucially, text color must provide strong contrast; use dark charcoal or black for readability on any palette color.
  • Avoid using #B0C4DE or #C6E2FF for small text on #F0F8FF or #F8F8FF backgrounds due to insufficient contrast.
  • Rely heavily on visual cues other than color (e.g., underlines, icons, bolding) for interactive elements.
  • This palette's lightness requires careful attention to contrast ratios to meet WCAG guidelines.

Recommended combinations

Airy Gradient

Perfect for creating soft, seamless background gradients or large, expansive sections with a dreamlike quality.

#F8F8FF · #F0F8FF · #E0FFFF

Gentle Highlight

Ideal for subtle UI elements: a light background with a soft blue for borders, cards, or secondary information.

#B0C4DE · #C6E2FF · #F8F8FF

Clean Read

Best for establishing primary text hierarchy with a very light background, a soft blue for headings, and a slightly lighter blue for links (with dark text).

#F8F8FF · #B0C4DE · #C6E2FF

CSS variables

:root {
  --misty-morning-dew-1: #B0C4DE;
  --misty-morning-dew-2: #C6E2FF;
  --misty-morning-dew-3: #E0FFFF;
  --misty-morning-dew-4: #F0F8FF;
  --misty-morning-dew-5: #F8F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "misty-morning-dew": {
        1: "#B0C4DE",
        2: "#C6E2FF",
        3: "#E0FFFF",
        4: "#F0F8FF",
        5: "#F8F8FF",
      }
    }
  }
}

Related searches

light blue pastel paletteairy minimalist colorsserene fog color schemedelicate web design bluepure white light blue UI

Palette colors

Hex values

Color 1#B0C4DE
·
Color 2#C6E2FF
·
Color 3#E0FFFF
·
Color 4#F0F8FF
·
Color 5#F8F8FF
·

Accessibility

Contrast checker

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

Similar palettes

More like Misty Morning Dew

View all pastel
Sky Whispers Gentle
Azure Dream Canvas
Cloud Berry Skies
Ethereal Cloud Swirl
Ethereal Dreamscape
Meadowland Sky Dream