Back to palettes

Palette

Misty Alpine Lake

Quiet and contemplative, like the calm waters of an alpine lake shrouded in a soft morning mist.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Misty Alpine Lake 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 Alpine Lake.

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

Data visualization

#87CEEB#6A8F9E#B0C4DE#D3D3D3#4F6D7A

Palette guide

How to use Misty Alpine Lake

Overview

The "Misty Alpine Lake" palette is a contemplative collection of cool tones, perfectly mirroring the calm, shrouded waters of a mountain lake. Featuring the vibrant #87CEEB alongside the grounded #6A8F9E and the deep #4F6D7A, it offers a versatile range of blues and greys. The soft #B0C4DE and neutral #D3D3D3 provide essential balance and lightness. This palette is ideal for designers and developers aiming to create serene, trustworthy, and nature-inspired interfaces or branding. Its quiet harmony evokes a sense of peace and depth, making it suitable for projects that require both clarity and a soothing aesthetic across digital and print media.

Best used for

  • Environmental non-profit websites
  • Outdoor adventure gear branding
  • Educational platforms with a calm focus
  • Tranquil home goods e-commerce
  • Maritime-themed designs and applications
  • Travel agencies promoting serene destinations

Suggested color roles

primary

Designate #4F6D7A as the primary color for commanding headings, main navigation, or significant UI elements, providing a deep, grounding presence.

secondary

Employ #6A8F9E for supporting content blocks, secondary buttons, or subtle illustrations to complement the primary hue.

accent

Apply #87CEEB sparingly for calls to action, interactive elements, or focal points, offering a bright, inviting pop of color.

background

Utilize #D3D3D3 as the main background color for a soft, neutral canvas that ensures good readability for darker text.

text

For optimal readability on light backgrounds like #D3D3D3, use #4F6D7A or a deep charcoal. For darker backgrounds, white text is recommended.

Accessibility notes

  • Ensure #4F6D7A text on #D3D3D3 background meets WCAG AA contrast standards.
  • Avoid using #B0C4DE for small text on light backgrounds, as contrast may be insufficient.
  • Provide clear hover/focus states for interactive elements, possibly using #87CEEB against #6A8F9E.
  • Reserve #87CEEB for larger text or accents if used on a light background, or pair with white text on a darker background.

Recommended combinations

Deep Contrast

Excellent for main content blocks, headers, and primary calls to action, ensuring strong visual impact.

#4F6D7A · #D3D3D3 · #87CEEB

Calm Support

Suitable for secondary sections, infographics, or subtle UI elements, maintaining a tranquil feel.

#6A8F9E · #B0C4DE · #D3D3D3

Lake Reflection

Use for illustrations, decorative patterns, or sections needing a progression of cool, watery tones.

#87CEEB · #B0C4DE · #6A8F9E

CSS variables

:root {
  --misty-alpine-lake-1: #87CEEB;
  --misty-alpine-lake-2: #6A8F9E;
  --misty-alpine-lake-3: #B0C4DE;
  --misty-alpine-lake-4: #D3D3D3;
  --misty-alpine-lake-5: #4F6D7A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "misty-alpine-lake": {
        1: "#87CEEB",
        2: "#6A8F9E",
        3: "#B0C4DE",
        4: "#D3D3D3",
        5: "#4F6D7A",
      }
    }
  }
}

Related searches

cool blue grey paletteserene lake colorscontemplative UInature inspired bluetranquil design

Palette colors

Hex values

Color 1#87CEEB
·
Color 2#6A8F9E
·
Color 3#B0C4DE
·
Color 4#D3D3D3
·
Color 5#4F6D7A
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
1:1Fail
1.2:1Fail
3.2:1AA18
2
2:1Fail
2:1Fail
2.3:1Fail
1.6:1Fail
3
1:1Fail
2:1Fail
1.2:1Fail
3.1:1AA18
4
1.2:1Fail
2.3:1Fail
1.2:1Fail
3.7:1AA18
5
3.2:1AA18
1.6:1Fail
3.1:1AA18
3.7:1AA18

Similar palettes

More like Misty Alpine Lake

View all cool
Alpine Lake Reflection
Calm Lake Reflections
Frosty Morning Lake
Lake Mist Morning
Misty Lakeside Dawn
Misty Morning Lake