Back to palettes

Palette

Arctic Ice Shelf

A pristine and cool collection of blues and whites, reminiscent of towering glacial formations in the Arctic.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F0F8FF#E0FFFF#B0E0E6#AFEEEE#7DDDD5

Palette guide

How to use Arctic Ice Shelf

Overview

The Arctic Ice Shelf palette is a pristine and cool collection of blues and whites, reminiscent of towering glacial formations in the Arctic. Ranging from the ethereal #F0F8FF to the calming #7DDDD5, this collection offers designers and developers a cool, serene aesthetic perfect for conveying cleanliness, tranquility, and modern elegance. The prominent #E0FFFF 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

  • 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

#7DDDD5 (A muted, deep aqua, excellent for main headings, prominent buttons, or key UI elements that need a gentle focal point.)

secondary

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

accent

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

background

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

text

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

Accessibility notes

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

Recommended combinations

Pristine Clarity

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

#F0F8FF · #7DDDD5 · #AFEEEE

Icy Layers

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

#E0FFFF · #B0E0E6 · #AFEEEE

Soft Highlight

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

#7DDDD5 · #F0F8FF · #E0FFFF

CSS variables

:root {
  --arctic-ice-shelf-1: #F0F8FF;
  --arctic-ice-shelf-2: #E0FFFF;
  --arctic-ice-shelf-3: #B0E0E6;
  --arctic-ice-shelf-4: #AFEEEE;
  --arctic-ice-shelf-5: #7DDDD5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-ice-shelf": {
        1: "#F0F8FF",
        2: "#E0FFFF",
        3: "#B0E0E6",
        4: "#AFEEEE",
        5: "#7DDDD5",
      }
    }
  }
}

Related searches

arctic blue aqua paletteice shelf color schememinimalist cool brandingserene UI design blueclean winter web colors

Palette colors

Hex values

Color 1#F0F8FF
·
Color 2#E0FFFF
·
Color 3#B0E0E6
·
Color 4#AFEEEE
·
Color 5#7DDDD5
·

Accessibility

Contrast checker

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

Similar palettes

More like Arctic Ice Shelf

View all cool
Arctic Shoreline Chill
Arctic Shoreline Frost
Arctic Twilight Ice
Arctic Dusk Glow
Arctic Explorer's Dream
Arctic Glacier Chill