Palette

Glacier Ice Cavern

Deep, frosty blues and ethereal whites capturing the breathtaking, frozen beauty of a hidden ice cavern.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A2E3C#1E4E63#3B728C#6FA1B6#B9D0DE

Palette guide

How to use Glacier Ice Cavern

Overview

The Glacier Ice Cavern palette delves into the profound beauty of frozen depths, offering a rich progression of deep, frosty blues and ethereal light tones. Starting with the almost black #0A2E3C, it gradually lightens through the sophisticated #1E4E63 and #3B728C, culminating in the serene #6FA1B6 and the airy #B9D0DE. This collection empowers designers and developers to craft elegant and immersive experiences that balance mystery with clarity. It’s perfect for projects requiring a sense of depth, tranquility, and refined coolness, conveying the untouched majesty of a hidden frozen world.

Best used for

Luxury brand websites or apps
High-end technology or innovation branding
Dark mode interfaces
Professional corporate communications
Winter fashion or luxury goods
Abstract art or photography displays

Suggested color roles

primary

#0A2E3C (Very Dark Teal) - The dominant color, ideal for main backgrounds, navigation, or strong brand statements, conveying sophistication and depth.

secondary

#1E4E63 (Dark Slate Blue) - Suited for sub-sections, card backgrounds, or larger content areas, providing a cohesive yet distinct layer.

accent

#6FA1B6 (Dusty Blue) - Use for interactive elements, calls to action, or key highlights, offering a refreshing pop against darker tones.

background

#B9D0DE (Light Blue-Gray) - A very light, almost white background that offers excellent contrast for dark text and maintains the palette's cool, clean aesthetic.

text

For light backgrounds, a dark charcoal like #222222 or #0A2E3C is highly readable. For dark backgrounds, a crisp white or #B9D0DE ensures visibility.

Accessibility notes

#0A2E3C, #1E4E63, and #3B728C provide excellent contrast against #B9D0DE for text.
When using darker backgrounds, ensure light text (e.g., #B9D0DE) meets contrast requirements.
Avoid using #6FA1B6 as text on #B9D0DE without careful contrast checking for small fonts.
Ensure interactive elements are clearly distinguishable, perhaps with borders or hover effects, especially on darker backgrounds.

Recommended combinations

Cavern UI

A sophisticated dark mode interface with a deep background, slightly lighter card elements, and a refreshing accent for actions.

#0A2E3C · #1E4E63 · #6FA1B6

Layered Depth

Create a smooth, deep gradient or layered effect for backgrounds or large graphic elements, adding visual interest.

#1E4E63 · #3B728C · #6FA1B6

Icy Contrast

Use the deepest blue for primary content, very light blue for backgrounds, and the mid-tone for secondary details or links.

#0A2E3C · #B9D0DE · #6FA1B6

CSS variables

:root {
  --glacier-ice-cavern-1: #0A2E3C;
  --glacier-ice-cavern-2: #1E4E63;
  --glacier-ice-cavern-3: #3B728C;
  --glacier-ice-cavern-4: #6FA1B6;
  --glacier-ice-cavern-5: #B9D0DE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacier-ice-cavern": {
        1: "#0A2E3C",
        2: "#1E4E63",
        3: "#3B728C",
        4: "#6FA1B6",
        5: "#B9D0DE",
      }
    }
  }
}

Hex values

Color 1#0A2E3C

Color 2#1E4E63

Color 3#3B728C

Color 4#6FA1B6

Color 5#B9D0DE

Accessibility

Contrast checker

1.6:1Fail

2.7:1Fail

5.1:1AA

8.9:1AAA

1.6:1Fail

1.7:1Fail

3.2:1AA18

5.7:1AA

2.7:1Fail

1.7:1Fail

1.9:1Fail

3.3:1AA18

5.1:1AA

3.2:1AA18

1.9:1Fail

1.8:1Fail

8.9:1AAA

5.7:1AA

3.3:1AA18

1.8:1Fail

Similar palettes

More like Glacier Ice Cavern

View all cool

Frosty Glacier Lagoon

Polar Ice Serenity

Arctic Frost Jewel

Arctic Glacier Lagoon

Arctic Glacier Melt

Arctic Lake Glass