Back to palettes

Palette

Misty Morning Dew

Soft blues and purples reflect the serene and crisp air of a dewy morning fog.

coolcalm5 colors
More cool 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

#6A5ACD#87CEEB#B0E0E6#E6E6FA#F5F5DC

Palette guide

How to use Misty Morning Dew

Overview

The Misty Morning Dew palette (2) presents a vibrant yet soothing collection of cool blues and gentle purples, reminiscent of a crisp, dewy morning. With hues ranging from the deep #6A5ACD to the soft #F5F5DC, and including the refreshing #87CEEB, this palette offers a harmonious blend of energy and tranquility. Designers and developers can leverage its fresh and inviting character for projects that aim to evoke freshness, clarity, and a touch of serene optimism. It's particularly well-suited for wellness applications, creative branding, or user interfaces that benefit from a clean, uplifting, and visually appealing aesthetic.

Best used for

  • Wellness and mindfulness apps
  • Beauty and skincare branding
  • Creative portfolio websites
  • Children's educational content
  • Spring/summer campaign visuals
  • Event branding for serene gatherings

Suggested color roles

primary

#6A5ACD - A rich, medium-deep slate blue-purple, ideal for prominent headings, primary call-to-action buttons, or key brand elements, offering a strong yet inviting presence.

secondary

#87CEEB - A bright, refreshing sky blue, suitable for subheadings, secondary interactive elements, or graphic accents, adding a vibrant touch.

accent

#B0E0E6 - A light, soft powder blue that can highlight interactive states, small icons, or subtle graphic details, providing a delicate and airy feel.

background

#E6E6FA - A very light, almost white lavender, excellent for clean main backgrounds, large content areas, or gentle overlays, creating a serene and spacious base.

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 the lighter backgrounds.

Accessibility notes

  • Ensure #6A5ACD or a dark custom text color has sufficient contrast with #E6E6FA or #F5F5DC for text readability.
  • Avoid using #B0E0E6 or #E6E6FA for small text elements, especially on similarly light backgrounds.
  • Use distinct visual cues like underlines or bolding for links and interactive elements, as some color pairings might have subtle contrast.
  • The strong contrast between #6A5ACD and the lightest colors is generally good, but test mid-tones carefully.

Recommended combinations

Dewdrop Fresh

Ideal for creating light, ethereal backgrounds, soft gradients, or large content sections with an airy and fresh feel.

#F5F5DC · #E6E6FA · #B0E0E6

Vibrant Clarity

Excellent for hero sections, prominent calls-to-action, or branding elements where a striking yet balanced contrast is desired.

#6A5ACD · #87CEEB · #E6E6FA

Calm Focus

Perfect for clean UI elements: light background, deep primary text/buttons, and a refreshing secondary color for links or icons.

#E6E6FA · #6A5ACD · #87CEEB

CSS variables

:root {
  --misty-morning-dew-2-1: #6A5ACD;
  --misty-morning-dew-2-2: #87CEEB;
  --misty-morning-dew-2-3: #B0E0E6;
  --misty-morning-dew-2-4: #E6E6FA;
  --misty-morning-dew-2-5: #F5F5DC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "misty-morning-dew-2": {
        1: "#6A5ACD",
        2: "#87CEEB",
        3: "#B0E0E6",
        4: "#E6E6FA",
        5: "#F5F5DC",
      }
    }
  }
}

Related searches

cool blue purple palettefresh morning colorsserene vibrant UIwellness app color schemeuplifting pastel palette

Palette colors

Hex values

Color 1#6A5ACD
·
Color 2#87CEEB
·
Color 3#B0E0E6
·
Color 4#E6E6FA
·
Color 5#F5F5DC
·

Accessibility

Contrast checker

1
2
3
4
5
1
3:1AA18
3.7:1AA18
4.3:1AA18
4.8:1AA
2
3:1AA18
1.2:1Fail
1.4:1Fail
1.6:1Fail
3
3.7:1AA18
1.2:1Fail
1.2:1Fail
1.3:1Fail
4
4.3:1AA18
1.4:1Fail
1.2:1Fail
1.1:1Fail
5
4.8:1AA
1.6:1Fail
1.3:1Fail
1.1:1Fail

Similar palettes

More like Misty Morning Dew

View all cool
Lake Mist Morning
Tranquil Morning Dew
Arctic Frost Jewel
Cloudy Dawn Whisper
Cool Mint Serene
Cool Mist Dawn