Back to palettes

Palette

Arctic Glacier Lagoon

Crisp and clear blues capture the breathtaking beauty of a serene 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

#B2EBF2#80DEEA#4DD0E1#26C6DA#00BCD4

Palette guide

How to use Arctic Glacier Lagoon

Overview

The Arctic Glacier Lagoon palette captures the breathtaking beauty of a serene arctic glacier lagoon with crisp and clear blues. Ranging from the light #B2EBF2 to the vibrant #00BCD4, this collection offers designers and developers a refreshing and dynamic aesthetic perfect for conveying clarity, energy, and a strong connection to nature. The prominent #80DEEA and #4DD0E1 provide a clear progression of cool tones, allowing for elegant visual hierarchies in UI design, impactful branding, and engaging digital experiences. It's an excellent choice for projects that aim to evoke freshness, precision, and a vibrant, natural elegance.

Best used for

  • Environmental conservation platforms
  • Marine biology websites
  • Outdoor adventure sports branding
  • Modern tech company interfaces
  • Water-themed product packaging
  • Travel agencies (aquatic destinations)

Suggested color roles

primary

#00BCD4 (A deep, vibrant cyan, excellent for main headings, crucial call-to-action buttons, or key UI elements that demand attention.)

secondary

#4DD0E1 (A bright, yet serene aqua, ideal for subheadings, secondary interactive elements, or supporting graphical features, providing refreshing contrast.)

accent

#80DEEA (A lighter, airy aqua, perfect for subtle highlights, hover states, or delicate design accents that need to shimmer.)

background

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

text

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

Accessibility notes

  • Ensure #00BCD4 text on #B2EBF2 background meets WCAG AA standards; for AAA, verify contrast, especially for smaller text.
  • Avoid using #80DEEA or #B2EBF2 for text on similar light backgrounds, as contrast will be insufficient.
  • When using #4DD0E1 for interactive elements, verify its contrast with surrounding colors for clear user feedback.
  • For critical information, always pair the darkest available color, #00BCD4, with the lightest background, #B2EBF2.

Recommended combinations

Dynamic Clarity

Ideal for a clean background with strong primary text and a vibrant aqua for headings or key actions.

#B2EBF2 · #00BCD4 · #4DD0E1

Aqua Progression

Use for creating visual depth in layered UI components, progress indicators, or subtle gradients.

#80DEEA · #4DD0E1 · #00BCD4

Vibrant Accent

Apply the vibrant cyan for focal points, with lighter aquas providing a fresh context.

#00BCD4 · #B2EBF2 · #80DEEA

CSS variables

:root {
  --arctic-glacier-lagoon-3-1: #B2EBF2;
  --arctic-glacier-lagoon-3-2: #80DEEA;
  --arctic-glacier-lagoon-3-3: #4DD0E1;
  --arctic-glacier-lagoon-3-4: #26C6DA;
  --arctic-glacier-lagoon-3-5: #00BCD4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-glacier-lagoon-3": {
        1: "#B2EBF2",
        2: "#80DEEA",
        3: "#4DD0E1",
        4: "#26C6DA",
        5: "#00BCD4",
      }
    }
  }
}

Related searches

arctic blue aqua paletteglacier lagoon color schemevibrant cool UI designwater themed brandingfresh web colors cyan

Palette colors

Hex values

Color 1#B2EBF2
·
Color 2#80DEEA
·
Color 3#4DD0E1
·
Color 4#26C6DA
·
Color 5#00BCD4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.4:1Fail
1.6:1Fail
1.8:1Fail
2
1.2:1Fail
1.2:1Fail
1.3:1Fail
1.5:1Fail
3
1.4:1Fail
1.2:1Fail
1.1:1Fail
1.2:1Fail
4
1.6:1Fail
1.3:1Fail
1.1:1Fail
1.1:1Fail
5
1.8:1Fail
1.5:1Fail
1.2:1Fail
1.1:1Fail

Similar palettes

More like Arctic Glacier Lagoon

View all Cool
Glacial Cave Depths
Glacier Lake Depths
Alpine Lake Dawn
Aqua Shore Breeze
Arctic Glacier Melt
Frosted Winter Evergreen