Palette

Lake Mist Morning

Captures the tranquil and ethereal beauty of a calm lake on a misty morning, reflecting soft blue and violet tones.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#e0ffff#add8e6#87cefa#6a5acd#483d8b

Palette guide

How to use Lake Mist Morning

Overview

The Lake Mist Morning palette beautifully captures the tranquil and ethereal beauty of a calm lake on a misty morning. This cool-toned collection blends soft blues and delicate violets, featuring light, airy shades like #e0ffff and #add8e6, which evoke the misty reflections. Deeper blues such as #87cefa and #6a5acd, along with the rich #483d8b, provide depth and grounding. Designers can leverage this palette to create serene, introspective, or dreamlike aesthetics. It's particularly well-suited for projects in art, personal blogging, or brands seeking to convey calm, creativity, and a touch of mystique, offering a gentle yet captivating visual experience.

Best used for

Artistic and creative portfolios
Personal blogs and journaling apps
Meditation and mindfulness platforms
Fantasy or ethereal-themed digital content
Subtle branding for artisanal products
Educational resources with a calming visual appeal

Suggested color roles

primary

Use #483d8b as a deep, anchoring primary for main navigation or important headers, establishing depth and focus.

secondary

Apply #6a5acd for subheadings, secondary information, or graphical accents, offering a rich violet-blue.

accent

Employ #87cefa as a vibrant yet soft accent for interactive elements, highlights, or small visual details to draw gentle attention.

background

Utilize #e0ffff for clean, airy backgrounds, providing a soft, almost luminous canvas that enhances other colors.

text

For primary body text, a dark charcoal or black provides strong contrast on #e0ffff. For elements on #483d8b, white text is highly recommended for readability.

Accessibility notes

Ensure strong contrast when using #e0ffff for text, pairing it with #483d8b or #6a5acd.
Avoid using #add8e6 for small text on #e0ffff backgrounds due to insufficient contrast.
Consider using #483d8b for all critical text on lighter backgrounds to meet WCAG AA standards.
Test interactive elements and links to ensure they are clearly distinguishable and accessible.

Recommended combinations

Misty Depths

Creates a deep, contemplative mood; ideal for strong statements, hero sections, or atmospheric branding.

#483D8B · #6A5ACD · #87CEFA

Ethereal Glow

Offers a light and dreamlike feel; excellent for delicate interfaces, background patterns, or subtle visual effects.

#ADD8E6 · #E0FFFF · #87CEFA

Calm Contrast

Provides clear hierarchy with a serene touch; suitable for headings against a light background with a pop of violet.

#483D8B · #E0FFFF · #6A5ACD

CSS variables

:root {
  --lake-mist-morning-1: #e0ffff;
  --lake-mist-morning-2: #add8e6;
  --lake-mist-morning-3: #87cefa;
  --lake-mist-morning-4: #6a5acd;
  --lake-mist-morning-5: #483d8b;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lake-mist-morning": {
        1: "#e0ffff",
        2: "#add8e6",
        3: "#87cefa",
        4: "#6a5acd",
        5: "#483d8b",
      }
    }
  }
}

Hex values

Color 1#e0ffff

Color 2#add8e6

Color 3#87cefa

Color 4#6a5acd

Color 5#483d8b

Accessibility

Contrast checker

1.4:1Fail

1.6:1Fail

5:1AA

8.6:1AAA

1.4:1Fail

1.1:1Fail

3.5:1AA18

5.9:1AA

1.6:1Fail

1.1:1Fail

3.1:1AA18

5.3:1AA

5:1AA

3.5:1AA18

3.1:1AA18

1.7:1Fail

8.6:1AAA

5.9:1AA

5.3:1AA

1.7:1Fail

Similar palettes

More like Lake Mist Morning

View all cool

Calm Lake Reflections