Back to palettes

Palette

Glacial Lake Serene

Pure and tranquil blues reflect the pristine, untouched beauty of a clear glacial lake.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#87CEEB#B0E0E6#ADD8E6#6A5ACD#F0F8FF

Palette guide

How to use Glacial Lake Serene

Overview

The Glacial Lake Serene palette embodies purity and tranquility, blending vibrant sky blues with a striking cool purple. Featuring the lively #87CEEB (Sky Blue), the gentle #B0E0E6 (Powder Blue), the classic #ADD8E6 (Light Blue), and the standout #6A5ACD (Slate Blue), all grounded by the pristine #F0F8FF (Alice Blue) background. This scheme offers a fresh, clean, and invigorating feel, ideal for designers and developers crafting designs that aim to convey clarity, openness, and a touch of sophisticated calm.

Best used for

  • Health and wellness branding
  • Travel and tourism websites (coastal or mountain)
  • Children's product design
  • Clean, minimalist app interfaces
  • Education sector materials
  • Outdoor and nature-focused content

Suggested color roles

primary

Utilize #6A5ACD (Slate Blue) as a unique, deep purple-blue, perfect for strong branding, calls to action, or prominent headings, creating emphasis.

secondary

Apply #87CEEB (Sky Blue) as a bright, inviting blue for subheadings, secondary navigation, or larger interactive elements, adding freshness.

accent

Employ #ADD8E6 (Light Blue) as a soft yet clear blue for subtle highlights, icons, or background accents that need a gentle touch.

background

The crisp, near-white #F0F8FF (Alice Blue) provides maximum readability and an airy feel, serving as an ideal canvas.

text

Use #6A5ACD (Slate Blue) or a dark charcoal for body text and primary content, ensuring excellent contrast and readability on light backgrounds.

Accessibility notes

  • Ensure text in #6A5ACD or #87CEEB on #F0F8FF has sufficient contrast, meeting WCAG AA/AAA standards.
  • Avoid using #B0E0E6 or #ADD8E6 for body text on light backgrounds due to potential low contrast issues.
  • Interactive elements should have clear visual feedback, such as a slight darkening or a border on hover/focus.
  • Consider using a slightly bolder font weight for text in lighter blues if used for subheadings to improve legibility.

Recommended combinations

Vibrant Purity

For a striking, clear design with strong emphasis and a clean canvas, ideal for hero sections.

#6A5ACD · #87CEEB · #F0F8FF

Soft Transitions

Ideal for gentle gradients, subtle background patterns, or layered UI components that require a delicate feel.

#B0E0E6 · #ADD8E6 · #F0F8FF

Balanced Freshness

Combines a bright blue with a deep purple-blue and a light blue for a dynamic yet serene look.

#87CEEB · #6A5ACD · #ADD8E6

CSS variables

:root {
  --glacial-lake-serene-1: #87CEEB;
  --glacial-lake-serene-2: #B0E0E6;
  --glacial-lake-serene-3: #ADD8E6;
  --glacial-lake-serene-4: #6A5ACD;
  --glacial-lake-serene-5: #F0F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-lake-serene": {
        1: "#87CEEB",
        2: "#B0E0E6",
        3: "#ADD8E6",
        4: "#6A5ACD",
        5: "#F0F8FF",
      }
    }
  }
}

Related searches

sky blue color paletteserene blue brand colorsclean UI design palettecool purple and blue schemefresh web design colors

Palette colors

Hex values

Color 1#87CEEB
·
Color 2#B0E0E6
·
Color 3#ADD8E6
·
Color 4#6A5ACD
·
Color 5#F0F8FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.1:1Fail
3:1AA18
1.6:1Fail
2
1.2:1Fail
1.1:1Fail
3.7:1AA18
1.3:1Fail
3
1.1:1Fail
1.1:1Fail
3.5:1AA18
1.4:1Fail
4
3:1AA18
3.7:1AA18
3.5:1AA18
4.9:1AA
5
1.6:1Fail
1.3:1Fail
1.4:1Fail
4.9:1AA

Similar palettes

More like Glacial Lake Serene

View all cool
Glacial Lake Clarity
Alpine Lake Shimmer
Cool Glacier Bloom
Frosted Morning Pane
Glacial Lake
Glacial Melt Stream