Palette

Arctic Lagoon Glaze

Icy blues and turquoises capture the serene, crystal-clear waters of a glacial lagoon.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#72B9BE#A0DDE2#D4EDEE#3B8F9A#5A9CAD

Palette guide

How to use Arctic Lagoon Glaze

Overview

The Arctic Lagoon Glaze palette captures the serene, crystal-clear waters of a glacial lagoon with icy blues and turquoises. Ranging from the light #D4EDEE to the deep #3B8F9A, this collection offers designers and developers a cool, refreshing aesthetic perfect for conveying tranquility, clarity, and natural elegance. The prominent #72B9BE and #A0DDE2 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 peace, precision, and an understated, natural sophistication.

Best used for

Environmental conservation websites
Spa and wellness branding
Minimalist tech interfaces
Travel agencies (arctic destinations)
Water purification product branding
Nature photography portfolios

Suggested color roles

primary

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

secondary

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

accent

#72B9BE (A vibrant, yet serene turquoise, perfect for delicate highlights, hover states, or subtle design accents that need to glimmer.)

background

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

text

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

Accessibility notes

Ensure #3B8F9A text on #D4EDEE background meets WCAG AAA standards for optimal readability.
Avoid using #72B9BE or #A0DDE2 for text on similar light backgrounds, as contrast will be insufficient.
When using #5A9CAD for interactive elements, verify its contrast with surrounding colors for clear user feedback.
For critical information, always pair the darkest available color, #3B8F9A, with the lightest background, #D4EDEE.

Recommended combinations

Deep Lagoon

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

#D4EDEE · #3B8F9A · #5A9CAD

Aqua Layers

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

#A0DDE2 · #72B9BE · #5A9CAD

Turquoise Accent

Apply the turquoise for focal points, with lighter tones providing a fresh context.

#72B9BE · #D4EDEE · #A0DDE2

CSS variables

:root {
  --arctic-lagoon-glaze-1: #72B9BE;
  --arctic-lagoon-glaze-2: #A0DDE2;
  --arctic-lagoon-glaze-3: #D4EDEE;
  --arctic-lagoon-glaze-4: #3B8F9A;
  --arctic-lagoon-glaze-5: #5A9CAD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-lagoon-glaze": {
        1: "#72B9BE",
        2: "#A0DDE2",
        3: "#D4EDEE",
        4: "#3B8F9A",
        5: "#5A9CAD",
      }
    }
  }
}

Hex values

Color 1#72B9BE

Color 2#A0DDE2

Color 3#D4EDEE

Color 4#3B8F9A

Color 5#5A9CAD

Accessibility

Contrast checker

1.5:1Fail

1.8:1Fail

1.7:1Fail

1.4:1Fail

1.5:1Fail

1.2:1Fail

2.5:1Fail

2.1:1Fail

1.8:1Fail

1.2:1Fail

3.1:1AA18

2.5:1Fail

1.7:1Fail

2.5:1Fail

3.1:1AA18

1.2:1Fail

1.4:1Fail

2.1:1Fail

2.5:1Fail

1.2:1Fail

Similar palettes

More like Arctic Lagoon Glaze

Arctic Lagoon Glaze

See it in context.

Ready when you are.

Built with Arctic Lagoon Glaze.

How to use Arctic Lagoon Glaze

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Deep Lagoon

Aqua Layers

Turquoise Accent

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Arctic Lagoon Glaze