Back to palettes

Palette

Morning Mist Alpine

Pale, tranquil blues and greens, evoking the cool, pristine air of an alpine morning shrouded in mist.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#ADD8E6#B0E0E6#E0FFFF#AFEEEE#6A5ACD

Palette guide

How to use Morning Mist Alpine

Overview

The Morning Mist Alpine palette offers a refreshing blend of cool blues and tranquil greens, perfectly capturing the serene essence of high-altitude mornings. With a dominant light blue hue like #ADD8E6 and the slightly softer #B0E0E6, this palette evokes purity and calm. The ethereal #E0FFFF serves as an excellent near-white base, while #AFEEEE introduces a subtle touch of pale turquoise, adding depth without sacrificing lightness. The deep, grounding #6A5ACD acts as a crucial anchor, providing a sophisticated contrast that prevents the palette from feeling too washed out. Ideal for projects aiming for a clean, natural, and contemplative aesthetic.

Best used for

  • Nature-themed websites and apps (e.g., hiking, environmental)
  • Wellness and spa branding
  • Minimalist UI designs requiring a soft, clean look
  • Children's product design or educational materials
  • Photography portfolios showcasing landscapes
  • Eco-friendly brand identities

Suggested color roles

primary

#ADD8E6 (Light Blue) - Use as a dominant base for large sections or backgrounds where a soft, inviting coolness is desired.

secondary

#AFEEEE (Pale Turquoise) - Excellent for secondary headers, navigation elements, or graphical accents to complement the primary blue.

accent

#6A5ACD (Slate Blue) - Deploy sparingly for calls-to-action, important icons, or key interactive elements to provide a strong, sophisticated contrast.

background

#E0FFFF (Light Cyan) - Ideal for clean, airy backgrounds, ensuring high readability for darker text while maintaining a fresh feel.

text

For body text, using a dark gray like #333333 or black #000000 provides optimal contrast against the light palette colors. For headings, #6A5ACD can be effective.

Accessibility notes

  • Ensure #6A5ACD has sufficient contrast against all lighter palette colors for text or interactive elements (WCAG AA recommended).
  • Avoid using #ADD8E6, #B0E0E6, #E0FFFF, or #AFEEEE for body text on similar light backgrounds; contrast will be too low.
  • Pair lighter blues (e.g., #B0E0E6) with a dark charcoal or black for readability in paragraphs.
  • Use #E0FFFF primarily as a background color, not for text, due to its extreme lightness.

Recommended combinations

Alpine Serenity

Perfect for a clean website layout: #E0FFFF as background, #ADD8E6 for cards or sections, and #6A5ACD for buttons or key headings.

#E0FFFF · #ADD8E6 · #6A5ACD

Misty Trails

Great for data visualizations or infographics, where #AFEEEE forms the base, #B0E0E6 highlights categories, and #6A5ACD draws attention to critical data points.

#AFEEEE · #B0E0E6 · #6A5ACD

Fresh Air UI

Use #ADD8E6 for main navigation, #E0FFFF for content areas, and #AFEEEE for subtle hover states or borders in a modern UI.

#ADD8E6 · #E0FFFF · #AFEEEE

CSS variables

:root {
  --morning-mist-alpine-1: #ADD8E6;
  --morning-mist-alpine-2: #B0E0E6;
  --morning-mist-alpine-3: #E0FFFF;
  --morning-mist-alpine-4: #AFEEEE;
  --morning-mist-alpine-5: #6A5ACD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "morning-mist-alpine": {
        1: "#ADD8E6",
        2: "#B0E0E6",
        3: "#E0FFFF",
        4: "#AFEEEE",
        5: "#6A5ACD",
      }
    }
  }
}

Related searches

cool blue green color schememisty mountain paletteserene nature colorslight alpine blue palettefresh calming color design

Palette colors

Hex values

Color 1#ADD8E6
·
Color 2#B0E0E6
·
Color 3#E0FFFF
·
Color 4#AFEEEE
·
Color 5#6A5ACD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.4:1Fail
1.2:1Fail
3.5:1AA18
2
1.1:1Fail
1.4:1Fail
1.1:1Fail
3.7:1AA18
3
1.4:1Fail
1.4:1Fail
1.2:1Fail
5:1AA
4
1.2:1Fail
1.1:1Fail
1.2:1Fail
4.1:1AA18
5
3.5:1AA18
3.7:1AA18
5:1AA
4.1:1AA18

Similar palettes

More like Morning Mist Alpine

View all cool
Alpine Mist
Arctic Northern Bloom
Frozen Whispers
Glacial Peak Azure
Icy Summit Dawn
Misty Horizon Dawn