Back to palettes

Palette

Misty Mountain Dawn

Gentle, ethereal tones of a serene mountain landscape shrouded in morning mist.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Misty Mountain Dawn 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 Mountain Dawn.

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

Data visualization

#B2BEB5#D1D9D9#EFEFF1#8C989C#A7B0B5

Palette guide

How to use Misty Mountain Dawn

Overview

The Misty Mountain Dawn palette presents gentle, ethereal tones of a serene mountain landscape shrouded in morning mist. This subtle, neutral collection, featuring hues like the soft #B2BEB5, the bright #EFEFF1, and the grounding #8C989C, is perfect for designers and developers seeking a minimalist and sophisticated aesthetic. It provides a calming and understated visual experience, ideal for projects that require a sense of quiet elegance, clean lines, and a harmonious blend of muted greys and greens, suitable for both digital and print media.

Best used for

  • Minimalist website design
  • Architecture and interior design portfolios
  • Luxury brand identities
  • Photography exhibition layouts
  • Corporate reports and presentations
  • Calming user interfaces

Suggested color roles

primary

Utilize #B2BEB5 as a core color for main sections or brand identity, providing a soft, sophisticated anchor.

secondary

Employ #A7B0B5 for supporting elements, subheadings, or secondary navigation, offering a subtle variation.

accent

Reserve #8C989C for subtle interactive states, important links, or small graphic elements, adding a touch of depth.

background

Choose #EFEFF1 as a clean, expansive background, creating an open and airy canvas for content.

text

For optimal readability, use #8C989C for body text on light backgrounds like #EFEFF1, ensuring good contrast and elegance.

Accessibility notes

  • Most colors are light; ensure #8C989C text on #EFEFF1 meets WCAG AA contrast for body text.
  • Avoid using #D1D9D9 or #A7B0B5 for small text or critical information, as they may lack sufficient contrast.
  • Always test contrast ratios for interactive elements to ensure they are easily discernible for all users.
  • The lightest color, #EFEFF1, is best reserved for backgrounds to maximize readability of darker text.

Recommended combinations

Subtle Layers

Ideal for layered cards, background sections, or soft visual hierarchies that blend seamlessly.

#EFEFF1 · #D1D9D9 · #B2BEB5

Mountain Shadow

Effective for stronger elements, navigation bars, or footers that require more visual weight against a light base.

#8C989C · #A7B0B5 · #EFEFF1

Clean Contrast

Use for buttons, icons, or emphasized content to create a clear yet harmonious focal point.

#EFEFF1 · #B2BEB5 · #8C989C

CSS variables

:root {
  --misty-mountain-dawn-2-1: #B2BEB5;
  --misty-mountain-dawn-2-2: #D1D9D9;
  --misty-mountain-dawn-2-3: #EFEFF1;
  --misty-mountain-dawn-2-4: #8C989C;
  --misty-mountain-dawn-2-5: #A7B0B5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "misty-mountain-dawn-2": {
        1: "#B2BEB5",
        2: "#D1D9D9",
        3: "#EFEFF1",
        4: "#8C989C",
        5: "#A7B0B5",
      }
    }
  }
}

Related searches

neutral mountain palettesubtle grey tonesminimalist uiserene fog colorsmuted natural scheme

Palette colors

Hex values

Color 1#B2BEB5
·
Color 2#D1D9D9
·
Color 3#EFEFF1
·
Color 4#8C989C
·
Color 5#A7B0B5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
1.5:1Fail
1.1:1Fail
2
1.3:1Fail
1.2:1Fail
2.1:1Fail
1.5:1Fail
3
1.7:1Fail
1.2:1Fail
2.6:1Fail
1.9:1Fail
4
1.5:1Fail
2.1:1Fail
2.6:1Fail
1.3:1Fail
5
1.1:1Fail
1.5:1Fail
1.9:1Fail
1.3:1Fail

Similar palettes

More like Misty Mountain Dawn

View all neutral
Morning Fog Serene
Coastal Stone Hearth
Dusky Cloud Blanket
Foggy River Morning
Misty Alpine Peak
Mystical Foggy Moor