Back to palettes

Palette

Iceberg Formation Blues

Crisp, crystalline blues, capturing the awe-inspiring structures and cool depths of towering glacial icebergs.

coolminimal5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Iceberg Formation Blues 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 Iceberg Formation Blues.

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

Data visualization

#4682B4#87CEEB#B0E0E6#ADD8E6#D4EDF4

Palette guide

How to use Iceberg Formation Blues

Overview

The Iceberg Formation Blues palette delivers crisp, crystalline blues that capture the awe-inspiring structures and cool depths of towering glacial icebergs. This collection transitions from the very light #D4EDF4 to the slightly deeper #ADD8E6 (Light Blue) and #B0E0E6 (Powder Blue), culminating in the more pronounced #87CEEB (Sky Blue) and #4682B4 (Steel Blue). It's a highly effective palette for designers and developers aiming to convey a sense of purity, vastness, and calm. The range of cool tones allows for sophisticated visual storytelling, creating immersive digital experiences that evoke the serene yet powerful presence of arctic landscapes and natural wonders.

Best used for

  • Environmental conservation websites
  • Tech startup branding and interfaces
  • Winter tourism and adventure travel promotion
  • Medical device or healthcare technology UI
  • Data visualization for climate science
  • Educational content about glaciers or oceans

Suggested color roles

primary

#4682B4 serves as a robust primary, providing a strong visual anchor for headings, calls-to-action, or key graphical elements.

secondary

#87CEEB offers a versatile secondary, suitable for subheadings, informational text, or larger background sections.

accent

#B0E0E6 provides a soft, luminous accent, perfect for subtle highlights, hover states, or delicate UI components that need a gentle pop.

background

#D4EDF4 creates an expansive, clean background, mimicking clear ice and providing an airy canvas for content.

text

For optimal readability, use #4682B4 for headings and a dark charcoal for body text on lighter backgrounds like #D4EDF4 or #ADD8E6. White text works well on #4682B4.

Accessibility notes

  • Ensure sufficient contrast for all text, especially when using lighter blues on #D4EDF4.
  • Dark text (e.g., #4682B4 or black) is essential for readability on #D4EDF4, #ADD8E6, and #B0E0E6.
  • Avoid using #D4EDF4 or #ADD8E6 as text colors due to low contrast on most backgrounds.
  • Verify contrast ratios for interactive elements to ensure clear distinction for users.

Recommended combinations

Glacial Depth

Use #D4EDF4 as a light background, #4682B4 for strong headings or features, and #87CEEB for supporting text or graphical elements.

#D4EDF4 · #4682B4 · #87CEEB

Crystalline Layers

Layer these three for a soft, atmospheric background gradient or for distinct, yet harmonious, UI sections.

#ADD8E6 · #B0E0E6 · #87CEEB

Arctic Contrast

Apply #4682B4 for a dominant section or card, with #D4EDF4 for text and #ADD8E6 for subtle borders or secondary details.

#4682B4 · #D4EDF4 · #ADD8E6

CSS variables

:root {
  --iceberg-formation-blues-1: #4682B4;
  --iceberg-formation-blues-2: #87CEEB;
  --iceberg-formation-blues-3: #B0E0E6;
  --iceberg-formation-blues-4: #ADD8E6;
  --iceberg-formation-blues-5: #D4EDF4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "iceberg-formation-blues": {
        1: "#4682B4",
        2: "#87CEEB",
        3: "#B0E0E6",
        4: "#ADD8E6",
        5: "#D4EDF4",
      }
    }
  }
}

Related searches

glacial blue palettearctic ice colorscool blue web designcrystalline aestheticminimal blue scheme

Palette colors

Hex values

Color 1#4682B4
·
Color 2#87CEEB
·
Color 3#B0E0E6
·
Color 4#ADD8E6
·
Color 5#D4EDF4
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
2.9:1Fail
2.7:1Fail
3.4:1AA18
2
2.4:1Fail
1.2:1Fail
1.1:1Fail
1.4:1Fail
3
2.9:1Fail
1.2:1Fail
1.1:1Fail
1.2:1Fail
4
2.7:1Fail
1.1:1Fail
1.1:1Fail
1.3:1Fail
5
3.4:1AA18
1.4:1Fail
1.2:1Fail
1.3:1Fail

Similar palettes

More like Iceberg Formation Blues

View all cool
Arctic Glacier Sparkle
Arctic Ice Crystal
Arctic Tundra Chill
Glacial Iceberg Edge
Arctic Frost Edge
Arctic Frost Glow