Back to palettes

Palette

Arctic Glacier Lagoon

A harmonious blend of blues and whites, echoing the crisp, clear tranquility of an Arctic glacier lagoon.

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

#ADD8E6#87CEEB#4682B4#E0FFFF#F0FFFF

Palette guide

How to use Arctic Glacier Lagoon

Overview

The Arctic Glacier Lagoon palette presents a harmonious blend of blues and whites, echoing the crisp, clear tranquility of an Arctic glacier lagoon. Ranging from the light #F0FFFF to the deep #4682B4, this collection offers designers and developers a cool, serene aesthetic perfect for conveying calm, purity, and natural elegance. The prominent #ADD8E6 and #87CEEB 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 sophistication, mirroring untouched natural beauty.

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

#4682B4 (A robust steel blue, excellent for main headings, crucial call-to-action buttons, or key UI elements that command attention.)

secondary

#87CEEB (A bright, yet serene sky blue, ideal for subheadings, secondary interactive elements, or supporting graphical features, providing gentle contrast.)

accent

#ADD8E6 (A very light, cool blue, perfect for delicate highlights, hover states, or subtle design accents that need to glimmer.)

background

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

text

#4682B4 (The steel blue provides good contrast for body text on lighter backgrounds, ensuring comfortable reading.)

Accessibility notes

  • Ensure #4682B4 text on #F0FFFF background meets WCAG AA standards; for AAA, verify contrast, especially for smaller text.
  • Avoid using #ADD8E6 or #E0FFFF for text on similar light backgrounds, as contrast will be insufficient.
  • When using #87CEEB for interactive elements, verify its contrast with surrounding colors for clear user feedback.
  • For critical information, always pair the darkest available color, #4682B4, with the lightest background, #F0FFFF.

Recommended combinations

Lagoon Depth

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

#F0FFFF · #4682B4 · #87CEEB

Icy Progression

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

#ADD8E6 · #E0FFFF · #87CEEB

Serene Accent

Apply the steel blue for focal points, with lighter blues providing a serene context.

#4682B4 · #F0FFFF · #ADD8E6

CSS variables

:root {
  --arctic-glacier-lagoon-2-1: #ADD8E6;
  --arctic-glacier-lagoon-2-2: #87CEEB;
  --arctic-glacier-lagoon-2-3: #4682B4;
  --arctic-glacier-lagoon-2-4: #E0FFFF;
  --arctic-glacier-lagoon-2-5: #F0FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-glacier-lagoon-2": {
        1: "#ADD8E6",
        2: "#87CEEB",
        3: "#4682B4",
        4: "#E0FFFF",
        5: "#F0FFFF",
      }
    }
  }
}

Related searches

arctic lagoon blue palettecalm icy color schememinimalist cool brandingserene blue UI designwater inspired web colors

Palette colors

Hex values

Color 1#ADD8E6
·
Color 2#87CEEB
·
Color 3#4682B4
·
Color 4#E0FFFF
·
Color 5#F0FFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
2.7:1Fail
1.4:1Fail
1.5:1Fail
2
1.1:1Fail
2.4:1Fail
1.7:1Fail
1.7:1Fail
3
2.7:1Fail
2.4:1Fail
3.9:1AA18
4:1AA18
4
1.4:1Fail
1.7:1Fail
3.9:1AA18
1:1Fail
5
1.5:1Fail
1.7:1Fail
4:1AA18
1:1Fail

Similar palettes

More like Arctic Glacier Lagoon

View all cool
Arctic Glacier Melt
Glacial Sky Hues
Alpine Frost Serenity
Arctic Frost Jewel
Arctic Glacier Edge
Arctic Ice Shard