Back to palettes

Palette

Arctic Ice Gleam

Crystal-clear blues and whites reflecting the pristine, dazzling purity 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 Gleam 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 Gleam.

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

Data visualization

#E0FFFF#AFEEEE#B0E0E6#D8F0F7#A1D0E0

Palette guide

How to use Arctic Ice Gleam

Overview

The Arctic Ice Gleam palette features crystal-clear blues and whites reflecting the pristine, dazzling purity of arctic ice formations. Ranging from the ethereal #E0FFFF to the calming #A1D0E0, this collection offers designers and developers a cool, minimalist aesthetic perfect for conveying cleanliness, tranquility, and modern elegance. The prominent #AFEEEE and #B0E0E6 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

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

secondary

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

accent

#AFEEEE (A light, almost aqua blue, perfect for delicate highlights, hover states, or subtle design accents that need to glimmer.)

background

#E0FFFF (A pristine, almost-white blue, serving as a luminous backdrop that enhances readability and provides an expansive, fresh feel.)

text

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

Accessibility notes

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

Recommended combinations

Pristine Clarity

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

#E0FFFF · #A1D0E0 · #B0E0E6

Icy Layers

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

#AFEEEE · #D8F0F7 · #B0E0E6

Soft Highlight

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

#A1D0E0 · #E0FFFF · #AFEEEE

CSS variables

:root {
  --arctic-ice-gleam-1: #E0FFFF;
  --arctic-ice-gleam-2: #AFEEEE;
  --arctic-ice-gleam-3: #B0E0E6;
  --arctic-ice-gleam-4: #D8F0F7;
  --arctic-ice-gleam-5: #A1D0E0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-ice-gleam": {
        1: "#E0FFFF",
        2: "#AFEEEE",
        3: "#B0E0E6",
        4: "#D8F0F7",
        5: "#A1D0E0",
      }
    }
  }
}

Related searches

icy blue white paletteminimalist cool tone UIarctic gleam brandingserene winter color schemeclean blue web design

Palette colors

Hex values

Color 1#E0FFFF
·
Color 2#AFEEEE
·
Color 3#B0E0E6
·
Color 4#D8F0F7
·
Color 5#A1D0E0
·

Accessibility

Contrast checker

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

Similar palettes

More like Arctic Ice Gleam

View all cool