Palette

Arctic Ice Shimmer

The brilliant, crystal-clear blues and whites of glacial ice formations, shimmering under a cold sun.

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

#0B2C3B#2C5A7A#5C9CC2#9FD2E8#DAF3FB

Palette guide

How to use Arctic Ice Shimmer

Overview

The Arctic Ice Shimmer palette captures the brilliant, crystal-clear blues and whites of glacial ice formations, shimmering under a cold sun. Ranging from the ethereal #DAF3FB to the profound #0B2C3B, this collection offers designers and developers a cool, sophisticated aesthetic perfect for conveying clarity, professionalism, and modern elegance. The prominent #2C5A7A and #5C9CC2 provide a clear progression of cool 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 trust, precision, and an understated, natural sophistication.

Best used for

Luxury branding and websites
High-end tech interfaces
Environmental conservation platforms
Winter sports apparel websites
Scientific research data visualization
Minimalist architectural renderings

Suggested color roles

primary

#5C9CC2 (A vibrant, yet serene blue, excellent for main headings, crucial call-to-action buttons, or key UI elements that command attention.)

secondary

#2C5A7A (A deep, muted blue, ideal for subheadings, secondary interactive elements, or supporting graphical features, providing strong contrast.)

accent

#9FD2E8 (A lighter, airy blue, perfect for subtle highlights, hover effects, or delicate design accents that need to shimmer.)

background

#DAF3FB (A very light, cool blue-white, serving as a pristine backdrop that enhances readability and provides an expansive, fresh feel.)

text

#0B2C3B (The darkest color in the palette, a very deep navy, providing excellent contrast for body text on lighter backgrounds, ensuring high readability.)

Accessibility notes

Ensure #0B2C3B text on #DAF3FB background meets WCAG AAA standards for optimal readability.
Avoid using #9FD2E8 or #DAF3FB for text on #5C9CC2, as contrast will be insufficient.
When using #2C5A7A for interactive elements, verify its contrast with surrounding colors for clear user feedback.
For critical information, always pair the darkest available color, #0B2C3B, with the lightest background, #DAF3FB.

Recommended combinations

Deep Shimmer

Ideal for a clean background with strong primary text and a vibrant blue for headings or key actions.

#DAF3FB · #0B2C3B · #5C9CC2

Glacial Layers

Use for creating visual depth in layered UI components, card backgrounds, or subtle gradients.

#2C5A7A · #5C9CC2 · #9FD2E8

Icy Highlight

Apply the vibrant blue for focal points, with lighter blues providing a fresh context.

#5C9CC2 · #DAF3FB · #9FD2E8

CSS variables

:root {
  --arctic-ice-shimmer-2-1: #0B2C3B;
  --arctic-ice-shimmer-2-2: #2C5A7A;
  --arctic-ice-shimmer-2-3: #5C9CC2;
  --arctic-ice-shimmer-2-4: #9FD2E8;
  --arctic-ice-shimmer-2-5: #DAF3FB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-ice-shimmer-2": {
        1: "#0B2C3B",
        2: "#2C5A7A",
        3: "#5C9CC2",
        4: "#9FD2E8",
        5: "#DAF3FB",
      }
    }
  }
}

Hex values

Color 1#0B2C3B

Color 2#2C5A7A

Color 3#5C9CC2

Color 4#9FD2E8

Color 5#DAF3FB

Accessibility

Contrast checker

2:1Fail

4.9:1AA

8.9:1AAA

12.7:1AAA

2:1Fail

2.5:1Fail

4.5:1AA

6.4:1AA

4.9:1AA

2.5:1Fail

1.8:1Fail

2.6:1Fail

8.9:1AAA

4.5:1AA

1.8:1Fail

1.4:1Fail

12.7:1AAA

6.4:1AA

2.6:1Fail

1.4:1Fail

Similar palettes

More like Arctic Ice Shimmer

Frosted Winter Garden