Back to palettes

Palette

Arctic Glacier Lagoon

Cool, translucent blues and greys that capture the serene beauty of glacial meltwater.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arctic Glacier Lagoon 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 Arctic Glacier Lagoon.

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

Data visualization

#C0E0E6#8EB3BB#5A8696#3A5C6C#F0F8FA

Palette guide

How to use Arctic Glacier Lagoon

Overview

The Arctic Glacier Lagoon palette features cool, translucent blues and greys that capture the serene beauty of glacial meltwater. Ranging from the light #F0F8FA to the deep #3A5C6C, this collection offers designers and developers a calm, sophisticated aesthetic perfect for conveying tranquility, professionalism, and a connection to nature's cooler elements. The prominent #C0E0E6 and #8EB3BB provide a clear progression of icy tones, allowing for elegant visual hierarchies in UI design, impactful branding, and serene digital experiences. It's an excellent choice for projects that aim to evoke peace, clarity, and an understated, natural elegance.

Best used for

  • Environmental conservation websites
  • Spa and wellness branding
  • Minimalist tech interfaces
  • Travel agencies (arctic destinations)
  • Yoga and meditation apps
  • Nature photography portfolios

Suggested color roles

primary

#3A5C6C (A deep, muted blue-grey, excellent for main headings, crucial call-to-action buttons, or key UI elements that command attention.)

secondary

#5A8696 (A versatile mid-tone blue-grey, ideal for subheadings, secondary interactive elements, or supporting graphical features, providing gentle contrast.)

accent

#8EB3BB (A lighter, cool blue-grey, perfect for delicate highlights, hover states, or subtle design accents that need to glimmer.)

background

#F0F8FA (A pristine, almost-white background that ensures maximum readability and a spacious, airy feel for any design.)

text

#3A5C6C (The darkest color in the palette, providing excellent contrast for body text on lighter backgrounds, ensuring high readability.)

Accessibility notes

  • Ensure #3A5C6C text on #F0F8FA background meets WCAG AAA standards for optimal readability.
  • Avoid using #8EB3BB or #C0E0E6 for text on similar light backgrounds, as contrast will be insufficient.
  • When using #5A8696 for interactive elements, verify its contrast with surrounding colors for clear user feedback.
  • For critical information, always pair the darkest available color, #3A5C6C, with the lightest background, #F0F8FA.

Recommended combinations

Deep Lagoon

Ideal for a clean background with strong primary text and a deep blue-grey for headings or key actions.

#F0F8FA · #3A5C6C · #5A8696

Meltwater Layers

Use for creating visual depth in layered UI components, card backgrounds, or subtle gradients.

#C0E0E6 · #8EB3BB · #5A8696

Serene Accent

Apply the darkest blue-grey for focal points, with lighter tones providing a serene context.

#3A5C6C · #F0F8FA · #C0E0E6

CSS variables

:root {
  --arctic-glacier-lagoon-1: #C0E0E6;
  --arctic-glacier-lagoon-2: #8EB3BB;
  --arctic-glacier-lagoon-3: #5A8696;
  --arctic-glacier-lagoon-4: #3A5C6C;
  --arctic-glacier-lagoon-5: #F0F8FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-glacier-lagoon": {
        1: "#C0E0E6",
        2: "#8EB3BB",
        3: "#5A8696",
        4: "#3A5C6C",
        5: "#F0F8FA",
      }
    }
  }
}

Related searches

glacial blue grey palettearctic water color schemecalm UI design blueminimalist cool brandingserene web colors grey

Palette colors

Hex values

Color 1#C0E0E6
·
Color 2#8EB3BB
·
Color 3#5A8696
·
Color 4#3A5C6C
·
Color 5#F0F8FA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.8:1Fail
5.1:1AA
1.3:1Fail
2
1.6:1Fail
1.8:1Fail
3.2:1AA18
2.1:1Fail
3
2.8:1Fail
1.8:1Fail
1.8:1Fail
3.7:1AA18
4
5.1:1AA
3.2:1AA18
1.8:1Fail
6.7:1AA
5
1.3:1Fail
2.1:1Fail
3.7:1AA18
6.7:1AA

Similar palettes

More like Arctic Glacier Lagoon

View all cool
Deep Arctic Lake
Glacial Lake Serenity
Glacier Bloom Melt
Winter Chill Vista
Aegean Coast Whisper
Aquatic Moss Garden