Back to palettes

Palette

Glacial Lake

A refreshing blend of deep to light blues, reminiscent of a pristine, icy 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 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.

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

Data visualization

#005B7F#3282B8#6FC2D0#B2DBE4#E0F2F7

Palette guide

How to use Glacial Lake

Overview

The Glacial Lake palette offers a refreshing spectrum of blues, transitioning from the deep #005B7F to the ethereal #E0F2F7. This collection, including the vibrant #3282B8 and the clear #6FC2D0, captures the pristine, icy beauty of a glacial lake. It’s an excellent choice for designers and developers aiming to create a sense of freshness, tranquility, and depth. The varying shades allow for dynamic visual hierarchy, from commanding headlines to subtle background textures, making it versatile for both digital interfaces and print media where a cool, clean aesthetic is desired.

Best used for

  • Environmental and conservation websites
  • Water purification product branding
  • Travel agencies (polar and aquatic themes)
  • Marine research and education platforms
  • Cold beverage and refreshment packaging
  • Modern corporate branding with a tranquil feel

Suggested color roles

primary

Utilize #005B7F as the dominant, authoritative blue for branding, main headers, or crucial calls to action, providing strong presence.

secondary

Employ #3282B8 for supporting sections, subheadings, or active states, adding a vibrant and engaging quality.

accent

Apply #6FC2D0 for highlights, progress indicators, or decorative elements that require a bright, fresh pop of color.

background

The very light #E0F2F7 makes for an airy and clean background, enhancing content readability and a spacious feel.

text

For primary text, use #005B7F on #E0F2F7 to ensure excellent readability, or a standard black for general content.

Accessibility notes

  • Ensure #005B7F text on #E0F2F7 background achieves WCAG AAA contrast for optimal accessibility.
  • Avoid using #B2DBE4 for small text on #E0F2F7 as contrast levels will be very low.
  • Use #3282B8 for interactive elements to provide clear visual feedback and functionality.
  • Consider #6FC2D0 for large headings or graphical elements on #E0F2F7, checking contrast for legibility.

Recommended combinations

Dynamic Header

A commanding header (#005B7F) on a very light background (#E0F2F7), accented with a bright aqua (#6FC2D0) for dynamism.

#005B7F · #E0F2F7 · #6FC2D0

Layered UI

An engaging blue (#3282B8) as a primary content area, with a softer blue panel (#B2DBE4) and the lightest background (#E0F2F7) for depth.

#3282B8 · #B2DBE4 · #E0F2F7

Fresh Look

Utilize the bright aqua (#6FC2D0) against a light background (#E0F2F7), with the deep blue (#005B7F) providing strong contrast for key information.

#6FC2D0 · #E0F2F7 · #005B7F

CSS variables

:root {
  --glacial-lake-1: #005B7F;
  --glacial-lake-2: #3282B8;
  --glacial-lake-3: #6FC2D0;
  --glacial-lake-4: #B2DBE4;
  --glacial-lake-5: #E0F2F7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-lake": {
        1: "#005B7F",
        2: "#3282B8",
        3: "#6FC2D0",
        4: "#B2DBE4",
        5: "#E0F2F7",
      }
    }
  }
}

Related searches

icy blue color schemewater themed web designrefreshing blue palettetranquil cool colorsenvironmental branding blues

Palette colors

Hex values

Color 1#005B7F
·
Color 2#3282B8
·
Color 3#6FC2D0
·
Color 4#B2DBE4
·
Color 5#E0F2F7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.7:1AA18
5:1AA
6.5:1AA
2
1.8:1Fail
2.1:1Fail
2.8:1Fail
3.6:1AA18
3
3.7:1AA18
2.1:1Fail
1.4:1Fail
1.8:1Fail
4
5:1AA
2.8:1Fail
1.4:1Fail
1.3:1Fail
5
6.5:1AA
3.6:1AA18
1.8:1Fail
1.3:1Fail

Similar palettes

More like Glacial Lake

View all cool
Arctic Glacier Lagoon
Azure Lagoon Drift
Coastal Breeze
Coastal Breeze Serene
Cool Glacier Bloom
Crystal Clear Lagoon