Back to palettes

Palette

Lake Mist Reflection

A calming blend of blues and soft greens, mirroring the tranquil, misty reflections on a still lake at dawn.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Lake Mist Reflection 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 Lake Mist Reflection.

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

Data visualization

#36454F#5F9EA0#B0C4DE#ADD8E6#8FBC8F

Palette guide

How to use Lake Mist Reflection

Overview

The Lake Mist Reflection palette offers a calming blend of blues and soft greens, mirroring the tranquil, misty reflections on a still lake at dawn. This serene collection features deep, grounding tones like #36454F, balanced by refreshing aquas such as #5F9EA0 and #ADD8E6. Softer, muted shades like #B0C4DE and the gentle green #8FBC8F complete the array, providing a sense of natural harmony and peace. Designers can effectively use this palette to create designs that convey tranquility, natural beauty, and a quiet sophistication. It's ideal for environmental initiatives, wellness brands, or interfaces that require a soothing and grounded aesthetic.

Best used for

  • Environmental and nature conservation websites
  • Wellness and mindfulness applications
  • Outdoor lifestyle brand identity
  • Serene interior design concepts
  • Documentary film branding
  • Relaxation-focused digital experiences

Suggested color roles

primary

Use #36454F as a strong primary for main navigation, headers, or key calls-to-action, providing a deep, stable foundation.

secondary

Apply #5F9EA0 for subheadings, secondary content blocks, or graphical elements, offering a harmonious and refreshing aqua.

accent

Utilize #8FBC8F as a subtle accent for interactive elements or highlights, introducing a touch of natural green warmth.

background

Employ #ADD8E6 for clean, airy backgrounds, creating a light and expansive canvas that allows darker elements to stand out.

text

For primary body text, a dark charcoal or near-black offers excellent contrast on #ADD8E6. For elements on #36454F, white or a very light grey is ideal.

Accessibility notes

  • Ensure sufficient contrast between #36454F and #ADD8E6 for text, aiming for WCAG AA or AAA compliance.
  • Be cautious when using #B0C4DE for small text on #ADD8E6 backgrounds, as contrast may be low.
  • Use #36454F for all critical text on lighter backgrounds to ensure optimal readability.
  • Test color pairings for interactive elements to ensure they are easily discernible and functional for all users.

Recommended combinations

Deep Waters

Creates a profound, grounded feel; suitable for strong headers, navigation, or serious content sections.

#36454F · #5F9EA0 · #B0C4DE

Misty Shore

Offers a soft, natural, and airy aesthetic; excellent for background textures, subtle gradients, or clean layouts.

#B0C4DE · #ADD8E6 · #8FBC8F

Calm Contrast

Provides clear visual hierarchy with a serene balance; effective for highlighting important information against a light backdrop.

#36454F · #ADD8E6 · #5F9EA0

CSS variables

:root {
  --lake-mist-reflection-1: #36454F;
  --lake-mist-reflection-2: #5F9EA0;
  --lake-mist-reflection-3: #B0C4DE;
  --lake-mist-reflection-4: #ADD8E6;
  --lake-mist-reflection-5: #8FBC8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lake-mist-reflection": {
        1: "#36454F",
        2: "#5F9EA0",
        3: "#B0C4DE",
        4: "#ADD8E6",
        5: "#8FBC8F",
      }
    }
  }
}

Related searches

calm blue green palettemisty lake color schemenatural serene brand colorstranquil web design paletteearthy cool tones

Palette colors

Hex values

Color 1#36454F
·
Color 2#5F9EA0
·
Color 3#B0C4DE
·
Color 4#ADD8E6
·
Color 5#8FBC8F
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.2:1AA18
5.6:1AA
6.5:1AA
4.6:1AA
2
3.2:1AA18
1.7:1Fail
2:1Fail
1.4:1Fail
3
5.6:1AA
1.7:1Fail
1.2:1Fail
1.2:1Fail
4
6.5:1AA
2:1Fail
1.2:1Fail
1.4:1Fail
5
4.6:1AA
1.4:1Fail
1.2:1Fail
1.4:1Fail

Similar palettes

More like Lake Mist Reflection

View all cool
Peaceful Lake Mist
Tranquil Waterfall Mist
Calm Ocean Swell
Glacial Lagoon Calm
Glacial Lake Mirror
Glacial Lake Serenity