Palette

Glacial Iceberg Flow

Icy blues and pristine whites that mirror the grandeur and chilling beauty of arctic icebergs.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glacial Iceberg Flow 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 Glacial Iceberg Flow.

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

Data visualization

#F0F8FF#AFEEEE#87CEEB#4682B4#1E90FF

Palette guide

How to use Glacial Iceberg Flow

Overview

The Glacial Iceberg Flow palette captures the grandeur and chilling beauty of arctic icebergs, offering a range of icy blues and pristine whites. This serene collection, moving from the ethereal #F0F8FF to the deep #1E90FF, is perfect for designs seeking to evoke calm, depth, and a touch of invigorating coolness. Designers can leverage the strong #1E90FF as a powerful primary or accent, while #AFEEEE and #87CEEB provide lighter, airy complements. The consistent cool undertone ensures a harmonious flow, making it ideal for creating immersive digital experiences, serene branding, or any project that benefits from a refreshing and impactful visual presence.

Best used for

Environmental non-profit websites
Adventure travel agencies (arctic focus)
High-tech and data visualization interfaces
Winter-themed product packaging
Educational content about glaciers
Calm and meditative application designs

Suggested color roles

primary

#1E90FF - This vibrant, deep blue serves as a powerful primary color for calls-to-action, prominent headers, or key graphical elements, demanding attention.

secondary

#4682B4 - A sturdy steel blue, excellent for secondary navigation, important data visualizations, or as a grounding element against lighter tones.

accent

#87CEEB - This bright sky blue works well for subtle highlights, interactive element hover states, or small decorative details, adding a touch of lightness and energy.

background

#F0F8FF - An ethereal, almost white hue, ideal for expansive main content areas, providing a bright, clean, and airy canvas that makes other colors pop.

text

#1E90FF - Use this vibrant blue for larger display text on light backgrounds like #F0F8FF, or for body text, consider a very dark grey or black for optimal readability.

Accessibility notes

Ensure sufficient contrast for all text. For example, use a dark grey or black for body text on #F0F8FF.
Avoid using lighter blues like #AFEEEE or #87CEEB for small text against #F0F8FF, as readability will be compromised.
The vibrant #1E90FF provides good contrast against #F0F8FF for interactive elements, but always double-check.
When creating gradients or layers, ensure enough tonal difference between adjacent blues (e.g., #AFEEEE and #87CEEB) for clear visual separation.

Recommended combinations

Dynamic Depth

Creates a high-contrast pairing for impactful headings, buttons, and clear content areas.

#1E90FF · #F0F8FF · #AFEEEE

Flowing Blues

Excellent for creating smooth gradients, layered backgrounds, or visual storytelling elements that convey movement.

#4682B4 · #87CEEB · #AFEEEE

Arctic Clarity

Combines the deepest blue with the lightest white for a strong visual statement, using black for body text on white.

#1E90FF · #F0F8FF · #87CEEB

CSS variables

:root {
  --glacial-iceberg-flow-1: #F0F8FF;
  --glacial-iceberg-flow-2: #AFEEEE;
  --glacial-iceberg-flow-3: #87CEEB;
  --glacial-iceberg-flow-4: #4682B4;
  --glacial-iceberg-flow-5: #1E90FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-iceberg-flow": {
        1: "#F0F8FF",
        2: "#AFEEEE",
        3: "#87CEEB",
        4: "#4682B4",
        5: "#1E90FF",
      }
    }
  }
}

Hex values

Color 1#F0F8FF

Color 2#AFEEEE

Color 3#87CEEB

Color 4#4682B4

Color 5#1E90FF

Accessibility

Contrast checker

1.2:1Fail

1.6:1Fail

3.8:1AA18

3:1AA18

1.2:1Fail

1.4:1Fail

3.2:1AA18

2.5:1Fail

1.6:1Fail

1.4:1Fail

2.4:1Fail

1.9:1Fail

3.8:1AA18

3.2:1AA18

2.4:1Fail

1.3:1Fail

3:1AA18

2.5:1Fail

1.9:1Fail

1.3:1Fail

Similar palettes

More like Glacial Iceberg Flow

View all cool

Arctic Glacier Chill

Frozen Crystal Grotto

Arctic Dawn Light

Arctic Iceberg Bloom

Arctic Lake Ice

Arctic Shoreline Chill