Back to palettes

Palette

Arctic Iceberg Edge

Crisp, clean blues and whites, capturing the stark, serene beauty of a glacial iceberg against a clear sky.

coolminimal5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A2D0D8#C4E2E8#DAEFF3#EDF8FB#FAFEFF

Palette guide

How to use Arctic Iceberg Edge

Overview

The Arctic Iceberg Edge palette captures the stark, serene beauty of a glacial iceberg against a clear sky with crisp, clean blues and whites. Ranging from the pristine #FAFEFF to the calming #A2D0D8, this collection offers designers and developers a cool, minimalist aesthetic perfect for conveying cleanliness, tranquility, and modern elegance. The prominent #C4E2E8 and #DAEFF3 provide a gentle progression of icy 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 purity, calm, and an understated sophistication, mirroring untouched natural beauty.

Best used for

  • Spa and wellness websites
  • Minimalist photography portfolios
  • Clean tech interfaces
  • Winter-themed event promotions
  • Eco-friendly product branding
  • Art galleries with a serene ambiance

Suggested color roles

primary

#A2D0D8 (A light, cool blue-green, excellent for main headings, prominent buttons, or key UI elements that need a gentle focal point.)

secondary

#C4E2E8 (A lighter, cool blue, ideal for subheadings, secondary interactive elements, or subtle graphical features, offering gentle contrast.)

accent

#DAEFF3 (A very light, airy blue, perfect for delicate highlights, hover states, or subtle design accents that need to glimmer.)

background

#FAFEFF (A pristine, almost-white background that ensures maximum readability and a spacious, airy feel for any design.)

text

#A2D0D8 (The darkest color in the palette, providing good contrast for body text on the lightest background, ensuring clear readability.)

Accessibility notes

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

Recommended combinations

Pristine Clarity

Excellent for clean page backgrounds with clear blue-green headings and subheadings.

#FAFEFF · #A2D0D8 · #C4E2E8

Icy Layers

Ideal for creating subtle depth in UI cards, overlays, or delicate background patterns.

#DAEFF3 · #EDF8FB · #C4E2E8

Soft Highlight

Use the main blue-green for key features, the lightest for backgrounds, and the accent for hover states.

#A2D0D8 · #FAFEFF · #DAEFF3

CSS variables

:root {
  --arctic-iceberg-edge-1: #A2D0D8;
  --arctic-iceberg-edge-2: #C4E2E8;
  --arctic-iceberg-edge-3: #DAEFF3;
  --arctic-iceberg-edge-4: #EDF8FB;
  --arctic-iceberg-edge-5: #FAFEFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-iceberg-edge": {
        1: "#A2D0D8",
        2: "#C4E2E8",
        3: "#DAEFF3",
        4: "#EDF8FB",
        5: "#FAFEFF",
      }
    }
  }
}

Related searches

arctic blue white paletteiceberg edge color schememinimalist cool brandingserene UI design blueclean winter web colors

Palette colors

Hex values

Color 1#A2D0D8
·
Color 2#C4E2E8
·
Color 3#DAEFF3
·
Color 4#EDF8FB
·
Color 5#FAFEFF
·

Accessibility

Contrast checker

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

Similar palettes

More like Arctic Iceberg Edge

View all cool
Ice Cave Luminescence
Arctic Glacier Chill
Arctic Ice Crystal
Frosted Cavern Chill
Frozen Mist Expanse
Arctic Frost Edge