Palette

Arctic Ice Shimmer

Pristine blues and whites evoke the sparkling, untouched beauty of arctic ice formations.

CoolMinimal5 colors

More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arctic Ice Shimmer 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 Ice Shimmer.

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

Data visualization

#A7DDEE#D2EEF7#6BB0C7#3C7DAE#EAF8FC

Palette guide

How to use Arctic Ice Shimmer

Overview

The Arctic Ice Shimmer palette evokes the sparkling, untouched beauty of arctic ice formations with pristine blues and whites. Ranging from the ethereal #EAF8FC to the deep #3C7DAE, this collection offers designers and developers a cool, minimalist aesthetic perfect for conveying clarity, professionalism, and modern elegance. The prominent #A7DDEE and #D2EEF7 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

#6BB0C7 (A vibrant, yet serene blue, excellent for main headings, prominent buttons, or key UI elements that need a gentle focal point.)

secondary

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

accent

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

background

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

text

#3C7DAE (The darkest color in the palette, a deep steel blue, providing excellent contrast for body text on lighter backgrounds, ensuring high readability.)

Accessibility notes

Ensure #3C7DAE text on #EAF8FC background meets WCAG AAA standards for optimal readability.
Avoid using #D2EEF7 or #A7DDEE for text on similar light backgrounds, as contrast will be insufficient.
When using #6BB0C7 for interactive elements, verify its contrast with surrounding colors for clear user feedback.
For critical information, always pair the darkest available color, #3C7DAE, with the lightest background, #EAF8FC.

Recommended combinations

Pristine Clarity

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

#EAF8FC · #3C7DAE · #6BB0C7

Icy Layers

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

#D2EEF7 · #A7DDEE · #6BB0C7

Soft Highlight

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

#6BB0C7 · #EAF8FC · #D2EEF7

CSS variables

:root {
  --arctic-ice-shimmer-1: #A7DDEE;
  --arctic-ice-shimmer-2: #D2EEF7;
  --arctic-ice-shimmer-3: #6BB0C7;
  --arctic-ice-shimmer-4: #3C7DAE;
  --arctic-ice-shimmer-5: #EAF8FC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-ice-shimmer": {
        1: "#A7DDEE",
        2: "#D2EEF7",
        3: "#6BB0C7",
        4: "#3C7DAE",
        5: "#EAF8FC",
      }
    }
  }
}

Hex values

Color 1#A7DDEE

Color 2#D2EEF7

Color 3#6BB0C7

Color 4#3C7DAE

Color 5#EAF8FC

Accessibility

Contrast checker

1.2:1Fail

1.6:1Fail

3:1AA18

1.4:1Fail

1.2:1Fail

2:1Fail

3.7:1AA18

1.1:1Fail

1.6:1Fail

2:1Fail

1.8:1Fail

2.2:1Fail

3:1AA18

3.7:1AA18

1.8:1Fail

4.1:1AA18

1.4:1Fail

1.1:1Fail

2.2:1Fail

4.1:1AA18

Similar palettes

More like Arctic Ice Shimmer

View all Cool

Arctic Glacier Chill

Arctic Chill

Arctic Fox Camouflage

Cosmic Winter Chill

Glacier Ice Peaks

Cosmic Dust Whisper