Back to palettes

Palette

Misty Peaks Veil

Soft, ethereal grays and blues that capture the quiet mystery of misty mountain peaks.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Misty Peaks Veil 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 Peaks Veil.

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

Data visualization

#99A3A4#B3B3B3#D1D5D8#E6EBF0#F0F5FA

Palette guide

How to use Misty Peaks Veil

Overview

The Misty Peaks Veil palette captures the quiet mystery of misty mountain peaks with a collection of soft, ethereal grays and blues. From the grounding #99A3A4 (Cadet Grey) to the almost-white #F0F5FA (Ghost White), this palette provides a delicate yet sophisticated foundation. Shades like #B3B3B3 (Dark Gray) and #D1D5D8 (Light Slate Gray) offer versatile mid-tones, while #E6EBF0 (Alice Blue) adds a subtle hint of blue. Designers and developers can leverage these tones to create designs that are elegant, calm, and spacious, ideal for evoking a sense of tranquility and understated luxury across various applications.

Best used for

  • Bridal and wedding stationery
  • High-end skincare and beauty brands
  • Art galleries and exhibition design
  • Cloud computing and tech services
  • Minimalist interior design concepts
  • Serene digital interfaces and apps

Suggested color roles

primary

Use #99A3A4 as a subtle yet grounded primary color for headings or key structural elements. It provides gentle depth.

secondary

Employ #B3B3B3 for supportive content, secondary navigation, or as a background for sections requiring a slightly darker touch.

accent

Apply #D1D5D8 for soft highlights, interactive states, or to add texture without breaking the ethereal quality of the palette.

background

Utilize #F0F5FA as the primary airy, almost-white canvas for main content areas, promoting clarity and spaciousness. #E6EBF0 can be used for subtle background variations.

text

For optimal readability on light backgrounds, use #99A3A4 or a deep charcoal. For darker elements, white or a very light grey is recommended.

Accessibility notes

  • Crucially, ensure sufficient contrast for text on very light backgrounds like #F0F5FA and #E6EBF0; use dark text for legibility.
  • Test text readability of #D1D5D8 on backgrounds like #E6EBF0 to meet WCAG AA standards, especially for small text.
  • Prioritize #99A3A4 for critical text on light backgrounds to ensure maximum legibility.
  • Avoid using lighter colors (e.g., #E6EBF0, #F0F5FA) for small text or icons without significant contrast.

Recommended combinations

Ethereal Base

Establishes a light, airy foundation with a grounding primary color and a soft accent, perfect for clean layouts.

#F0F5FA · #99A3A4 · #D1D5D8

Gentle Progression

Creates a harmonious, layered effect, ideal for card backgrounds or sequential content blocks with subtle visual separation.

#B3B3B3 · #D1D5D8 · #99A3A4

Subtle Depth

Provides understated contrast. Use #99A3A4 for key elements, #E6EBF0 for background, and #B3B3B3 for secondary details.

#99A3A4 · #E6EBF0 · #B3B3B3

CSS variables

:root {
  --misty-peaks-veil-1: #99A3A4;
  --misty-peaks-veil-2: #B3B3B3;
  --misty-peaks-veil-3: #D1D5D8;
  --misty-peaks-veil-4: #E6EBF0;
  --misty-peaks-veil-5: #F0F5FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "misty-peaks-veil": {
        1: "#99A3A4",
        2: "#B3B3B3",
        3: "#D1D5D8",
        4: "#E6EBF0",
        5: "#F0F5FA",
      }
    }
  }
}

Related searches

ethereal grey palettesoft mountain colorsminimalist neutral schemesubtle cool toneslight grey blue

Palette colors

Hex values

Color 1#99A3A4
·
Color 2#B3B3B3
·
Color 3#D1D5D8
·
Color 4#E6EBF0
·
Color 5#F0F5FA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.7:1Fail
2.2:1Fail
2.4:1Fail
2
1.2:1Fail
1.4:1Fail
1.7:1Fail
1.9:1Fail
3
1.7:1Fail
1.4:1Fail
1.2:1Fail
1.3:1Fail
4
2.2:1Fail
1.7:1Fail
1.2:1Fail
1.1:1Fail
5
2.4:1Fail
1.9:1Fail
1.3:1Fail
1.1:1Fail

Similar palettes

More like Misty Peaks Veil

View all neutral
Cloud Kissed Peak
Foggy Mountain Ascent
Misty Mountain Trail
Cloud Forest Mist
Coastal Driftwood Grey
Coastal Fog Drift