Back to palettes

Palette

Glacial Iceberg Edge

Pure and crisp blues and whites, capturing the stark, pristine beauty of a massive iceberg.

coolminimal5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F0FFFF#B0E0E6#AFEEEE#87CEEB#E0FFFF

Palette guide

How to use Glacial Iceberg Edge

Overview

The Glacial Iceberg Edge palette captures the pristine, stark beauty of an iceberg with a vibrant yet cool collection of blues and whites. Ranging from the pure #F0FFFF to the striking #87CEEB, this palette is ideal for designers seeking to convey freshness, clarity, and a touch of invigorating chill. The lighter tones like #B0E0E6 and #E0FFFF provide a clean, airy foundation, while #AFEEEE adds a subtle hint of depth. This harmonious blend makes it excellent for creating clean, modern interfaces, refreshing branding, or any design project that benefits from a crisp, cool, and visually expansive aesthetic.

Best used for

  • Clean, modern web and app interfaces
  • Health and wellness product branding
  • Environmental or conservation campaigns
  • Winter sports and outdoor adventure themes
  • Minimalist interior design concepts
  • Pristine product photography backgrounds

Suggested color roles

primary

#87CEEB - This vibrant sky blue is perfect for primary calls-to-action, key graphical elements, or section headers, providing a clear focal point.

secondary

#B0E0E6 - A softer, light blue that works well for secondary navigation, subtle borders, or to add a gentle wash of color to backgrounds.

accent

#AFEEEE - This delicate aqua-blue can be used for subtle highlights, interactive element hover states, or small icons, adding a fresh, crisp touch.

background

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

text

#87CEEB - While #87CEEB can be used for larger display text on #F0FFFF, for body text, consider a very dark grey or black for optimal readability across all devices.

Accessibility notes

  • Ensure sufficient contrast for all text. For example, use a dark grey or black for body text on #F0FFFF.
  • Avoid using lighter blues like #B0E0E6 or #AFEEEE for small text on #F0FFFF, as they will lack readability.
  • Use #87CEEB for interactive elements, but confirm it contrasts well against its immediate background.
  • When using multiple light blues, ensure there is enough tonal difference to differentiate elements clearly.

Recommended combinations

Crisp Contrast

Excellent for high-visibility buttons, main headings, or key information against a clean, bright background.

#87CEEB · #F0FFFF · #B0E0E6

Subtle Layers

Creates gentle, nuanced layers for backgrounds, card designs, or subtle UI elements, conveying depth without harshness.

#B0E0E6 · #AFEEEE · #E0FFFF

Fresh Highlight

Uses the main blue as a highlight on a pristine white background, with charcoal text for clarity.

#87CEEB · #F0FFFF · #AFEEEE

CSS variables

:root {
  --glacial-iceberg-edge-1: #F0FFFF;
  --glacial-iceberg-edge-2: #B0E0E6;
  --glacial-iceberg-edge-3: #AFEEEE;
  --glacial-iceberg-edge-4: #87CEEB;
  --glacial-iceberg-edge-5: #E0FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-iceberg-edge": {
        1: "#F0FFFF",
        2: "#B0E0E6",
        3: "#AFEEEE",
        4: "#87CEEB",
        5: "#E0FFFF",
      }
    }
  }
}

Related searches

iceberg blue palettepristine cool colorsfresh web design palettelight blue white schemeclean ui colors

Palette colors

Hex values

Color 1#F0FFFF
·
Color 2#B0E0E6
·
Color 3#AFEEEE
·
Color 4#87CEEB
·
Color 5#E0FFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.3:1Fail
1.7:1Fail
1:1Fail
2
1.4:1Fail
1.1:1Fail
1.2:1Fail
1.4:1Fail
3
1.3:1Fail
1.1:1Fail
1.4:1Fail
1.2:1Fail
4
1.7:1Fail
1.2:1Fail
1.4:1Fail
1.7:1Fail
5
1:1Fail
1.4:1Fail
1.2:1Fail
1.7:1Fail

Similar palettes

More like Glacial Iceberg Edge

View all cool
Iceberg Formation Blues
Arctic Frost Edge
Arctic Glacier Chill
Arctic Glacier Sparkle
Arctic Ice Crystal
Arctic Ice Shimmer