Back to palettes

Palette

Arctic Lake Ice

The crisp, chilling beauty of an arctic lake, where deep blues transition to icy, frozen surface tones.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arctic Lake Ice 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 Lake Ice.

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

Data visualization

#ADD8E6#B0C4DE#84A4BD#6A8AA4#48667D

Palette guide

How to use Arctic Lake Ice

Overview

The Arctic Lake Ice palette captures the crisp, chilling beauty of an arctic lake, where deep blues transition to icy, frozen surface tones. Ranging from the light #ADD8E6 to the profound #48667D, this collection offers designers and developers a cool, serene aesthetic perfect for conveying tranquility, professionalism, and modern elegance. The prominent #B0C4DE and #84A4BD provide a clear progression of cool 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 purity, calm, and an understated, natural sophistication.

Best used for

  • Environmental conservation websites
  • Spa and wellness branding
  • Minimalist tech interfaces
  • Winter-themed event promotions
  • Travel agencies (arctic destinations)
  • Nature photography portfolios

Suggested color roles

primary

#6A8AA4 (A versatile medium blue-grey, excellent for main headings, prominent buttons, or key UI elements that need a gentle focal point.)

secondary

#84A4BD (A lighter, cool blue-grey, ideal for subheadings, secondary interactive elements, or subtle graphical features, offering gentle contrast.)

accent

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

background

#ADD8E6 (A light, cool blue, serving as a serene backdrop that enhances readability and provides an expansive, fresh feel.)

text

#48667D (The darkest color in the palette, a deep blue-grey, providing excellent contrast for body text on lighter backgrounds, ensuring high readability.)

Accessibility notes

  • Ensure #48667D text on #ADD8E6 background meets WCAG AAA standards for optimal readability.
  • Avoid using #B0C4DE or #84A4BD for text on #ADD8E6, as contrast will likely be insufficient.
  • When using #6A8AA4 for interactive elements, verify its contrast with surrounding colors for clear user feedback.
  • For critical information, always pair the darkest available color, #48667D, with the lightest background, #ADD8E6.

Recommended combinations

Deep Freeze

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

#ADD8E6 · #48667D · #6A8AA4

Icy Layers

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

#B0C4DE · #84A4BD · #6A8AA4

Soft Highlight

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

#6A8AA4 · #ADD8E6 · #B0C4DE

CSS variables

:root {
  --arctic-lake-ice-1: #ADD8E6;
  --arctic-lake-ice-2: #B0C4DE;
  --arctic-lake-ice-3: #84A4BD;
  --arctic-lake-ice-4: #6A8AA4;
  --arctic-lake-ice-5: #48667D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-lake-ice": {
        1: "#ADD8E6",
        2: "#B0C4DE",
        3: "#84A4BD",
        4: "#6A8AA4",
        5: "#48667D",
      }
    }
  }
}

Related searches

arctic blue grey palettelake ice color schememinimalist cool brandingserene UI design bluewinter clean web colors

Palette colors

Hex values

Color 1#ADD8E6
·
Color 2#B0C4DE
·
Color 3#84A4BD
·
Color 4#6A8AA4
·
Color 5#48667D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.7:1Fail
2.4:1Fail
4:1AA18
2
1.2:1Fail
1.5:1Fail
2:1Fail
3.4:1AA18
3
1.7:1Fail
1.5:1Fail
1.4:1Fail
2.3:1Fail
4
2.4:1Fail
2:1Fail
1.4:1Fail
1.7:1Fail
5
4:1AA18
3.4:1AA18
2.3:1Fail
1.7:1Fail

Similar palettes

More like Arctic Lake Ice

View all cool
Winter Glimmer
Alpine Frost Serenity
Arctic Glacier Chill
Arctic Serenity
Arctic Shoreline Chill
Arctic Shoreline Frost