Back to palettes

Palette

Glacier Lake Serene

Icy blues and gentle aquamarines, reflecting the crystal-clear waters of a glacial lake.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B0E0E6#87CEFA#ADD8E6#AFEEEE#6A5ACD

Palette guide

How to use Glacier Lake Serene

Overview

The "Glacier Lake Serene" palette offers a tranquil collection of icy blues and gentle aquamarines, reflecting the crystal-clear waters of a glacial lake. Featuring shades from the light #B0E0E6 to the distinctive #6A5ACD, this palette is ideal for designs that aim to evoke calmness, clarity, and a touch of understated elegance. The harmonious blend of #87CEFA, #ADD8E6, and #AFEEEE provides versatility for creating soothing digital experiences, serene branding, or interfaces that feel fresh and inviting. The inclusion of a deeper, more saturated blue offers a unique accent, making this palette adaptable for both soft and subtly impactful designs.

Best used for

  • Wellness and meditation apps
  • Eco-tourism websites
  • Spa and relaxation product packaging
  • Baby care or maternity brands
  • Interior design inspiration
  • Educational content for nature

Suggested color roles

primary

#ADD8E6 - A soft, light blue that can serve as a dominant background or a foundational color for large content blocks, offering a gentle and expansive feel.

secondary

#AFEEEE - Slightly lighter, this aqua tone is excellent for secondary UI elements, subtle dividers, or hover states, maintaining the palette's delicate nature.

accent

#6A5ACD - A vibrant, deeper blue, perfect for impactful call-to-action buttons, important alerts, or to provide a striking contrast point in the otherwise light palette.

background

#B0E0E6 - A very light, almost ethereal blue, ideal for clean page backgrounds, large content areas, or subtle overlays that keep the design airy and open.

text

For text on lighter shades like #B0E0E6 or #AFEEEE, use a dark charcoal or black for optimal readability. For text over #6A5ACD, pure white is recommended.

Accessibility notes

  • Most light colors in this palette require dark text (black, charcoal) for WCAG AA compliance.
  • #6A5ACD provides excellent contrast for white text, making it suitable for important labels.
  • Avoid using #B0E0E6 as text on #ADD8E6 or similar light blues; the contrast will be insufficient.
  • Always use a contrast checker for all text and interactive element pairings to ensure readability.

Recommended combinations

Gentle Flow

Create subtle, harmonious background layers or soft transitions in UI elements, maintaining a serene and seamless look.

#B0E0E6 · #ADD8E6 · #AFEEEE

Calm Focus

Pair a dominant light blue with the strong accent for key information, softened by another light blue for supporting details.

#ADD8E6 · #6A5ACD · #87CEFA

Crisp Contrast

Utilize the deepest blue for impactful accents against the very light aquas, creating a fresh and engaging contrast.

#AFEEEE · #6A5ACD · #B0E0E6

CSS variables

:root {
  --glacier-lake-serene-1: #B0E0E6;
  --glacier-lake-serene-2: #87CEFA;
  --glacier-lake-serene-3: #ADD8E6;
  --glacier-lake-serene-4: #AFEEEE;
  --glacier-lake-serene-5: #6A5ACD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacier-lake-serene": {
        1: "#B0E0E6",
        2: "#87CEFA",
        3: "#ADD8E6",
        4: "#AFEEEE",
        5: "#6A5ACD",
      }
    }
  }
}

Related searches

serene blue lake paletteicy aqua color schemecalm blue brandinglight cool tones web designglacial water colors

Palette colors

Hex values

Color 1#B0E0E6
·
Color 2#87CEFA
·
Color 3#ADD8E6
·
Color 4#AFEEEE
·
Color 5#6A5ACD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.1:1Fail
1.1:1Fail
3.7:1AA18
2
1.2:1Fail
1.1:1Fail
1.3:1Fail
3.1:1AA18
3
1.1:1Fail
1.1:1Fail
1.2:1Fail
3.5:1AA18
4
1.1:1Fail
1.3:1Fail
1.2:1Fail
4.1:1AA18
5
3.7:1AA18
3.1:1AA18
3.5:1AA18
4.1:1AA18

Similar palettes

More like Glacier Lake Serene

View all cool
Calm Lake Reflections
Cool Glacier Lagoon
Glacial Peak Azure
Glacier Stream Flow
Hushed Lake Surface
Mystic Lake Reflections