Back to palettes

Palette

Arctic Lake Glass

A crisp, tranquil blend of cool blues, reminiscent of a pristine arctic lake frozen in time.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0B335E#1E5799#547FB4#94B4D1#D2E0EE

Palette guide

How to use Arctic Lake Glass

Overview

The Arctic Lake Glass palette offers a crisp, tranquil blend of cool blues, reminiscent of a pristine arctic lake frozen in time. Ranging from the light #D2E0EE to the profound #0B335E, this collection offers designers and developers a cool, sophisticated aesthetic perfect for conveying serenity, professionalism, and modern elegance. The prominent #1E5799 and #547FB4 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 trust, clarity, and an understated, natural sophistication.

Best used for

  • Corporate websites and branding
  • Minimalist tech interfaces
  • Environmental data dashboards
  • Luxury product presentations
  • Architectural firms' portfolios
  • Financial services platforms

Suggested color roles

primary

#1E5799 (A deep, rich navy blue, excellent for main headings, crucial call-to-action buttons, or key UI elements that command attention.)

secondary

#547FB4 (A versatile medium blue, ideal for subheadings, secondary interactive elements, or supporting graphical features, providing gentle contrast.)

accent

#94B4D1 (A lighter, cool blue, perfect for delicate highlights, hover states, or subtle design accents that need to glimmer.)

background

#D2E0EE (A very light, cool blue-white, serving as a pristine backdrop that enhances readability and provides an expansive, fresh feel.)

text

#0B335E (The darkest color in the palette, a very deep navy, providing excellent contrast for body text on lighter backgrounds, ensuring high readability.)

Accessibility notes

  • Ensure #0B335E text on #D2E0EE background meets WCAG AAA standards for optimal readability.
  • Avoid using #94B4D1 or #547FB4 for text on #D2E0EE, as contrast will likely be insufficient.
  • When using #1E5799 for interactive elements, verify its contrast with surrounding colors for clear user feedback.
  • For critical information, always pair the darkest available color, #0B335E, with the lightest background, #D2E0EE.

Recommended combinations

Deep Clarity

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

#D2E0EE · #0B335E · #1E5799

Blue Progression

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

#547FB4 · #94B4D1 · #1E5799

Glass Accent

Apply the navy blue for focal points, with lighter blues providing a fresh context.

#1E5799 · #D2E0EE · #94B4D1

CSS variables

:root {
  --arctic-lake-glass-1: #0B335E;
  --arctic-lake-glass-2: #1E5799;
  --arctic-lake-glass-3: #547FB4;
  --arctic-lake-glass-4: #94B4D1;
  --arctic-lake-glass-5: #D2E0EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-lake-glass": {
        1: "#0B335E",
        2: "#1E5799",
        3: "#547FB4",
        4: "#94B4D1",
        5: "#D2E0EE",
      }
    }
  }
}

Related searches

arctic blue lake palettefrozen glass color schememinimalist cool brandingserene UI design bluedeep navy web colors

Palette colors

Hex values

Color 1#0B335E
·
Color 2#1E5799
·
Color 3#547FB4
·
Color 4#94B4D1
·
Color 5#D2E0EE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.1:1AA18
5.9:1AA
9.5:1AAA
2
1.7:1Fail
1.8:1Fail
3.4:1AA18
5.4:1AA
3
3.1:1AA18
1.8:1Fail
1.9:1Fail
3.1:1AA18
4
5.9:1AA
3.4:1AA18
1.9:1Fail
1.6:1Fail
5
9.5:1AAA
5.4:1AA
3.1:1AA18
1.6:1Fail

Similar palettes

More like Arctic Lake Glass

View all cool
Arctic Whisper Glade
Arctic Frost Jewel
Arctic Glacier Melt
Arctic River Ice
Arctic Whisper
Cool Glacier Mist