Palette

Mystic Lake Reflections

Calm and ethereal blues capturing the tranquil depths and sky reflections of a mountain lake.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mystic Lake Reflections 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 Mystic Lake Reflections.

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

Data visualization

#0C2D48#2E5984#4F8BC9#8FB8DE#C1DDF1

Palette guide

How to use Mystic Lake Reflections

Overview

The "Mystic Lake Reflections" palette captures the serene and ethereal beauty of a tranquil mountain lake, reflecting the sky's calm depths. This collection is a symphony of cool blues, ranging from the profound #0C2D48 and #2E5984 to the brighter #4F8BC9 and the soft, atmospheric #8FB8DE. The lightest hue, #C1DDF1, evokes the clear, unblemished surface of water. This palette is perfect for designs that aim to convey peace, trust, and clarity, ideal for creating calming digital environments or products that resonate with tranquility and natural beauty.

Best used for

Travel agencies focusing on serene destinations
Wellness and spa resorts branding
Marine conservation and environmental organizations
Financial services (to convey trust and stability)
Clean and minimalist UI design for apps
Educational content related to nature or science

Suggested color roles

primary

Utilize #0C2D48 as the anchoring deep blue, perfect for strong headers, brand logos, or large background sections to establish trust and stability.

secondary

Employ #2E5984 for supporting content, subheadings, or as a vibrant accent against the primary, offering a slightly lighter yet rich tone.

accent

Apply #4F8BC9 or #8FB8DE for highlights, interactive elements, or graphic details, introducing a brighter, refreshing touch of blue.

background

Use #C1DDF1 for clean, ethereal backgrounds, offering a light, airy canvas that allows darker elements to stand out with clarity.

text

For optimal readability, use #0C2D48 or #2E5984 on lighter backgrounds like #C1DDF1. For dark backgrounds, a crisp white or very light grey provides excellent contrast.

Accessibility notes

Ensure sufficient contrast between #0C2D48 text and #C1DDF1 backgrounds for WCAG AA compliance.
Avoid using #8FB8DE or #C1DDF1 for small text on similarly light backgrounds; opt for larger font sizes or bolder weights.
Test text legibility for #4F8BC9 on #C1DDF1 backgrounds, especially for body text, to ensure readability.
Provide clear focus states for interactive elements, ensuring they stand out against the blue tones.

Recommended combinations

Deep Lake Calm

Excellent for a primary brand presence: deep base, light background, and a vibrant mid-tone accent for calls to action.

#0C2D48 · #C1DDF1 · #4F8BC9

Water Reflections

Ideal for secondary content blocks or subtle gradients, blending a rich blue with a lighter, reflective tone and a dark anchor.

#2E5984 · #8FB8DE · #0C2D48

Misty Shoreline

Perfect for serene UI elements or illustrations, using a light base with harmonizing blues for depth and detail.

#C1DDF1 · #2E5984 · #8FB8DE

CSS variables

:root {
  --mystic-lake-reflections-1: #0C2D48;
  --mystic-lake-reflections-2: #2E5984;
  --mystic-lake-reflections-3: #4F8BC9;
  --mystic-lake-reflections-4: #8FB8DE;
  --mystic-lake-reflections-5: #C1DDF1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystic-lake-reflections": {
        1: "#0C2D48",
        2: "#2E5984",
        3: "#4F8BC9",
        4: "#8FB8DE",
        5: "#C1DDF1",
      }
    }
  }
}

Hex values

Color 1#0C2D48

Color 2#2E5984

Color 3#4F8BC9

Color 4#8FB8DE

Color 5#C1DDF1

Accessibility

Contrast checker

1.9:1Fail

4:1AA18

6.8:1AA

10:1AAA

1.9:1Fail

2:1Fail

3.5:1AA18

5.2:1AA

4:1AA18

2:1Fail

1.7:1Fail

2.5:1Fail

6.8:1AA

3.5:1AA18

1.7:1Fail

1.5:1Fail

10:1AAA

5.2:1AA

2.5:1Fail

1.5:1Fail

Similar palettes

More like Mystic Lake Reflections

View all cool

Northern Lake Chill

Sapphire Coast Dreams

Sapphire Glimmer Pond

Serene Lakeside Calm

Still Water Mirror

Aegean Coast Whisper