Back to palettes

Palette

Glacial Lake Serenity

Reflects the tranquil blue-greens of a frozen lake, with a frosty touch and deep water depths.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glacial Lake Serenity 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 Glacial Lake Serenity.

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

Data visualization

#537785#8BBFD2#BFDFE2#DAF4F5#3A5F70

Palette guide

How to use Glacial Lake Serenity

Overview

This Glacial Lake Serenity palette evokes the tranquil depths and frosty surface of a cool, clear lake, blending muted blue-greens with soft, ethereal lighter tones. From the deep #3A5F70 (Dark Cadet Blue) and the grounding #537785 (Steel Blue) to the refreshing #8BBFD2 (Light Steel Blue), and the airy #BFDFE2 (Light Sea Green) and #DAF4F5 (Light Cyan), this palette radiates calm and understated elegance. It's ideal for designers and developers seeking a sophisticated, natural, and soothing presence in their digital creations.

Best used for

  • Eco-conscious and sustainable brands
  • Wellness and meditation apps
  • Marine-themed educational content
  • Spa or retreat center websites
  • Clean, minimalist interior design concepts
  • Nature photography portfolios

Suggested color roles

primary

Designate #3A5F70 (Dark Cadet Blue) as a deep, anchoring blue-green for strong branding, headings, or primary calls to action, conveying stability.

secondary

Apply #537785 (Steel Blue) as a supportive, medium-dark blue-grey for subheadings, navigation, or larger content blocks.

accent

Utilize #8BBFD2 (Light Steel Blue) as a refreshing mid-tone for interactive elements, icons, or subtle highlights that need to draw attention gently.

background

The very light, almost white #DAF4F5 (Light Cyan) provides a crisp, airy canvas that enhances readability and a sense of openness.

text

Use #3A5F70 (Dark Cadet Blue) or a deep charcoal for body text, ensuring excellent contrast and legibility on light backgrounds.

Accessibility notes

  • Ensure text in #3A5F70 or #537785 on #DAF4F5 or #BFDFE2 meets WCAG AA/AAA contrast ratios.
  • Avoid using #BFDFE2 or #DAF4F5 for body text on light backgrounds due to insufficient contrast.
  • Interactive elements must have clear visual feedback, such as a slight color shift or border on hover/focus.
  • When using #8BBFD2 for text, verify its contrast on lighter backgrounds, especially for smaller font sizes, to ensure readability.

Recommended combinations

Deep Calm

Creates a strong, serene foundation with clear hierarchy and good readability for primary content.

#3A5F70 · #DAF4F5 · #537785

Frosty Blend

Ideal for subtle gradients, layered UI elements, or delicate background textures, adding depth and softness.

#8BBFD2 · #BFDFE2 · #DAF4F5

Balanced Tranquility

Combines a grounding tone with a light background and a refreshing accent for a harmonious feel in layouts.

#537785 · #DAF4F5 · #8BBFD2

CSS variables

:root {
  --glacial-lake-serenity-2-1: #537785;
  --glacial-lake-serenity-2-2: #8BBFD2;
  --glacial-lake-serenity-2-3: #BFDFE2;
  --glacial-lake-serenity-2-4: #DAF4F5;
  --glacial-lake-serenity-2-5: #3A5F70;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-lake-serenity-2": {
        1: "#537785",
        2: "#8BBFD2",
        3: "#BFDFE2",
        4: "#DAF4F5",
        5: "#3A5F70",
      }
    }
  }
}

Related searches

blue green color palettecalming web design colorsserene brand identityaquatic UI palettecool nature inspired scheme

Palette colors

Hex values

Color 1#537785
·
Color 2#8BBFD2
·
Color 3#BFDFE2
·
Color 4#DAF4F5
·
Color 5#3A5F70
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
3.4:1AA18
4.2:1AA18
1.4:1Fail
2
2.4:1Fail
1.4:1Fail
1.7:1Fail
3.4:1AA18
3
3.4:1AA18
1.4:1Fail
1.2:1Fail
4.9:1AA
4
4.2:1AA18
1.7:1Fail
1.2:1Fail
6:1AA
5
1.4:1Fail
3.4:1AA18
4.9:1AA
6:1AA

Similar palettes

More like Glacial Lake Serenity

View all cool
Cool Glacier Lagoon
Glacial Lagoon Calm
Glacier Bloom Melt
Glacier Lake Serenity
Glacier Stream Flow
Northern Lake Chill