Back to palettes

Palette

Arctic Ice Cavern

A palette of shimmering blues and whites that perfectly mimics the serene, frosted beauty inside an arctic ice cavern.

Monochromeminimal5 colors
More Monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#ADD8E6#B0E0E6#E0FFFF#F0F8FF#AFEEEE

Palette guide

How to use Arctic Ice Cavern

Overview

The Arctic Ice Cavern palette perfectly mimics the serene, frosted beauty inside an arctic ice cavern with shimmering blues and whites. Ranging from the ethereal #F0F8FF to the calming #ADD8E6, this collection offers designers and developers a cool, minimalist aesthetic perfect for conveying cleanliness, tranquility, and sophistication. The prominent #B0E0E6 and #E0FFFF provide a gentle progression of icy tones, allowing for elegant visual hierarchies in UI design, branding, and serene digital experiences. It's an excellent choice for projects that aim to evoke purity, calm, and an understated elegance, 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

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

secondary

#B0E0E6 (A slightly muted light 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

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

text

#ADD8E6 (While a light blue, it can be used for large headings on a white background, but a darker charcoal or black is recommended for body text for optimal readability.)

Accessibility notes

  • For body text, use a dark grey or black as the palette lacks a sufficiently dark option for contrast on #F0F8FF.
  • Ensure #ADD8E6 or #B0E0E6 used for interactive elements have a clear visual change on focus/hover for accessibility.
  • Avoid using lighter colors like #E0FFFF or #F0F8FF for text, as they will not meet contrast requirements on light backgrounds.
  • Always test text and background color combinations against WCAG guidelines for optimal user experience.

Recommended combinations

Pristine Clarity

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

#F0F8FF · #ADD8E6 · #B0E0E6

Icy Layers

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

#E0FFFF · #AFEEEE · #ADD8E6

Soft Highlight

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

#ADD8E6 · #F0F8FF · #E0FFFF

CSS variables

:root {
  --arctic-ice-cavern-1: #ADD8E6;
  --arctic-ice-cavern-2: #B0E0E6;
  --arctic-ice-cavern-3: #E0FFFF;
  --arctic-ice-cavern-4: #F0F8FF;
  --arctic-ice-cavern-5: #AFEEEE;
}

Tailwind config

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

Related searches

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

Palette colors

Hex values

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

Accessibility

Contrast checker

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

Similar palettes

More like Arctic Ice Cavern

View all Monochrome
Arctic Frost Edge
Arctic Ice Glimmer
Glacier Ridge Chill
Arctic Fox
Arctic Glacier Chill
Arctic Glacier Chill