Back to palettes

Palette

Arctic Ice Drift

Crisp, cool tones evoking the serene and stark beauty of glacial 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 Drift 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 Drift.

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

Data visualization

#C2DFEC#A4D0DD#71B7C9#EBF2F4#5BA2AD

Palette guide

How to use Arctic Ice Drift

Overview

The Arctic Ice Drift palette features crisp, cool tones evoking the serene and stark beauty of glacial ice formations. Ranging from the light #EBF2F4 to the deep #5BA2AD, this collection offers designers and developers a cool, minimalist aesthetic perfect for conveying tranquility, professionalism, and modern elegance. The prominent #C2DFEC and #A4D0DD 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 purity, calm, and an understated, natural sophistication.

Best used for

  • Environmental conservation websites
  • Spa and wellness branding
  • Minimalist tech interfaces
  • Winter-themed event promotions
  • Travel agencies (arctic destinations)
  • Nature photography portfolios

Suggested color roles

primary

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

secondary

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

accent

#C2DFEC (A very light, cool blue-grey, perfect for delicate highlights, hover states, or subtle design accents that need to glimmer.)

background

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

text

#5BA2AD (The darkest color in the palette, a muted teal, providing excellent contrast for body text on lighter backgrounds, ensuring high readability.)

Accessibility notes

  • Ensure #5BA2AD text on #EBF2F4 background meets WCAG AAA standards for optimal readability.
  • Avoid using #C2DFEC or #A4D0DD for text on similar light backgrounds, as contrast will be insufficient.
  • When using #71B7C9 for interactive elements, verify its contrast with surrounding colors for clear user feedback.
  • For critical information, always pair the darkest available color, #5BA2AD, with the lightest background, #EBF2F4.

Recommended combinations

Ice Contrast

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

#EBF2F4 · #5BA2AD · #71B7C9

Glacial Layers

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

#C2DFEC · #A4D0DD · #71B7C9

Subtle Accent

Apply the blue-green for focal points, with lighter tones providing a serene context.

#71B7C9 · #EBF2F4 · #C2DFEC

CSS variables

:root {
  --arctic-ice-drift-1: #C2DFEC;
  --arctic-ice-drift-2: #A4D0DD;
  --arctic-ice-drift-3: #71B7C9;
  --arctic-ice-drift-4: #EBF2F4;
  --arctic-ice-drift-5: #5BA2AD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-ice-drift": {
        1: "#C2DFEC",
        2: "#A4D0DD",
        3: "#71B7C9",
        4: "#EBF2F4",
        5: "#5BA2AD",
      }
    }
  }
}

Related searches

arctic blue grey paletteice drift color schememinimalist cool brandingserene UI design blueclean winter web colors

Palette colors

Hex values

Color 1#C2DFEC
·
Color 2#A4D0DD
·
Color 3#71B7C9
·
Color 4#EBF2F4
·
Color 5#5BA2AD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.6:1Fail
1.2:1Fail
2.1:1Fail
2
1.2:1Fail
1.4:1Fail
1.5:1Fail
1.8:1Fail
3
1.6:1Fail
1.4:1Fail
2:1Fail
1.3:1Fail
4
1.2:1Fail
1.5:1Fail
2:1Fail
2.6:1Fail
5
2.1:1Fail
1.8:1Fail
1.3:1Fail
2.6:1Fail

Similar palettes

More like Arctic Ice Drift

View all cool
Frosted Winter Garden
Arctic Glacier Chill
Arctic Glacier Chill
Arctic Glacier Chill
Arctic Ice Shard
Arctic Ice Shimmer