Back to palettes

Palette

Arctic Shimmer Ice

A subtle palette of frosted blues and greys, reflecting the delicate shimmer 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 Shimmer Ice 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 Shimmer Ice.

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

Data visualization

#C0D9D9#A9C2C2#91ACB0#7A9CA0#638A90

Palette guide

How to use Arctic Shimmer Ice

Overview

The Arctic Shimmer Ice palette offers a subtle collection of frosted blues and greys, meticulously crafted to reflect the delicate shimmer of arctic ice formations. With a very tight range from #C0D9D9 to #638A90, this palette is almost monochromatic, featuring muted, cool tones like #A9C2C2, #91ACB0, and #7A9CA0. It is best suited for designers and developers aiming for an ultra-minimalist, sophisticated, and understated aesthetic. This palette excels in creating a sense of calm, precision, and subtle depth, but requires careful attention to contrast to ensure readability and accessibility across all design elements and text.

Best used for

  • High-end minimalist branding
  • Abstract art platforms
  • Luxury product interfaces
  • Architectural visualization
  • Modern art gallery websites
  • Subtle background textures

Suggested color roles

primary

The deepest tone, #638A90, can serve as a subtle primary for foundational elements or understated headings, providing the most visual weight.

secondary

Use #7A9CA0 for secondary information or inactive states, ensuring it provides minimal yet noticeable distinction.

accent

The lightest shade, #C0D9D9, can be used for very subtle highlights or hover states, maintaining the delicate aesthetic.

background

Employ #C0D9D9 as a clean, expansive background to maximize the sense of space and purity.

text

For text, a dark charcoal or black is strongly recommended against any of these light colors. Avoid using the palette colors for body text on their own.

Accessibility notes

  • Extreme caution is needed for contrast. Use black or very dark grey for all text to meet WCAG AA standards.
  • Avoid using any two colors from this palette for text and background; their contrast will almost certainly be insufficient.
  • Ensure interactive elements have strong non-color visual indicators (e.g., underlines, icons, bolding) in addition to color.
  • This palette is challenging for accessibility; consider providing an alternative, higher-contrast version for critical content.

Recommended combinations

Frosted Depths

Ideal for creating subtle visual hierarchy in minimalist interfaces, with careful contrast consideration for text.

#638A90 · #7A9CA0 · #C0D9D9

Gentle Undulation

Excellent for soft gradients or background patterns where a whisper of color variation is desired.

#A9C2C2 · #91ACB0 · #C0D9D9

Subtle Structure

Use for subtle data visualizations where the differences are meant to be felt rather than starkly seen, with accompanying labels.

#7A9CA0 · #638A90 · #A9C2C2

CSS variables

:root {
  --arctic-shimmer-ice-1: #C0D9D9;
  --arctic-shimmer-ice-2: #A9C2C2;
  --arctic-shimmer-ice-3: #91ACB0;
  --arctic-shimmer-ice-4: #7A9CA0;
  --arctic-shimmer-ice-5: #638A90;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-shimmer-ice": {
        1: "#C0D9D9",
        2: "#A9C2C2",
        3: "#91ACB0",
        4: "#7A9CA0",
        5: "#638A90",
      }
    }
  }
}

Related searches

minimalist grey blue palettesubtle cool tonesmonochromatic ice colorsunderstated UI designfrosted color scheme

Palette colors

Hex values

Color 1#C0D9D9
·
Color 2#A9C2C2
·
Color 3#91ACB0
·
Color 4#7A9CA0
·
Color 5#638A90
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
2:1Fail
2.5:1Fail
2
1.3:1Fail
1.3:1Fail
1.6:1Fail
2:1Fail
3
1.6:1Fail
1.3:1Fail
1.2:1Fail
1.6:1Fail
4
2:1Fail
1.6:1Fail
1.2:1Fail
1.3:1Fail
5
2.5:1Fail
2:1Fail
1.6:1Fail
1.3:1Fail

Similar palettes

More like Arctic Shimmer Ice

View all cool