Back to palettes

Palette

Morning Mist Blossom

Delicate and ethereal shades that evoke the serene beauty of fresh blossoms emerging from a gentle morning fog.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Morning Mist Blossom 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 Morning Mist Blossom.

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

Data visualization

#E0FFFF#ADD8E6#B0E0E6#D4F0F0#A2DCE3

Palette guide

How to use Morning Mist Blossom

Overview

The Morning Mist Blossom palette offers a delicate and ethereal collection of soft blue and aquamarine shades, perfect for evoking a serene and refreshing atmosphere. Featuring light, airy tones like #E0FFFF (a pale cyan) and #D4F0F0 (a gentle light blue), it provides a tranquil base for any design. Designers and developers can leverage the slightly deeper #ADD8E6 and #B0E0E6 to add subtle depth, while #A2DCE3 offers a muted yet distinct accent. This palette is ideal for projects requiring a sense of calm, purity, and quiet elegance, reminiscent of blossoms emerging from a gentle morning fog.

Best used for

  • Spa and wellness branding
  • Wedding invitations and stationery
  • Baby product packaging
  • Serene website headers and backgrounds
  • Calming mobile app UIs
  • Interior design for relaxation spaces

Suggested color roles

primary

Use #ADD8E6 as a soft, inviting base color for larger sections or main content areas, providing a gentle visual anchor.

secondary

Apply #B0E0E6 for complementary elements, sub-headers, or dividing lines, offering subtle visual separation.

accent

Utilize #A2DCE3 for subtle highlights, interactive elements, or icons, providing a touch more visual weight without being overpowering.

background

Employ #E0FFFF or #D4F0F0 as the primary background color to create an open, airy, and ethereal canvas.

text

For optimal readability, pair with a dark charcoal or black text. For headings on very light backgrounds, #A2DCE3 can be used if contrast is sufficient.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter shades like #E0FFFF for backgrounds.
  • Avoid using #D4F0F0 for text on #E0FFFF backgrounds; the contrast will be too low for readability.
  • For critical information, pair darker blues like #A2DCE3 with the lightest backgrounds for better legibility.
  • Consider larger font sizes or bolding for text elements using mid-tone palette colors to improve overall readability.

Recommended combinations

Misty Morning

Light, airy website backgrounds with subtle blue accents for links, icons, or decorative elements.

#E0FFFF · #ADD8E6 · #A2DCE3

Blossom Haze

Soft, layered graphics for social media posts, branding elements, or gentle UI components.

#D4F0F0 · #B0E0E6 · #ADD8E6

Serene Gradient

Gentle UI elements, subtle gradients for headers, or background transitions for a calming visual effect.

#E0FFFF · #D4F0F0 · #ADD8E6

CSS variables

:root {
  --morning-mist-blossom-1: #E0FFFF;
  --morning-mist-blossom-2: #ADD8E6;
  --morning-mist-blossom-3: #B0E0E6;
  --morning-mist-blossom-4: #D4F0F0;
  --morning-mist-blossom-5: #A2DCE3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "morning-mist-blossom": {
        1: "#E0FFFF",
        2: "#ADD8E6",
        3: "#B0E0E6",
        4: "#D4F0F0",
        5: "#A2DCE3",
      }
    }
  }
}

Related searches

soft blue paletteethereal color schemeserene pastel colorscalming blue hueslight blue branding

Palette colors

Hex values

Color 1#E0FFFF
·
Color 2#ADD8E6
·
Color 3#B0E0E6
·
Color 4#D4F0F0
·
Color 5#A2DCE3
·

Accessibility

Contrast checker

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

Similar palettes

More like Morning Mist Blossom

View all pastel
Garden Vista Mist
Morning Mist Valley
Morning Solstice Mist
Aqua Aura
Cloud Cotton Sky
Cloud Dream Whisper