Palette

Arctic Ice Cavern

Explores the chilling, ethereal blues found deep within a hidden arctic ice cavern.

cooldark5 colors

More cool 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

#001F3F#004080#4169E1#ADD8E6#E0FFFF

Palette guide

How to use Arctic Ice Cavern

Overview

The Arctic Ice Cavern palette explores the chilling, ethereal blues found deep within a hidden arctic ice cavern. With a dramatic range from the profound #001F3F to the luminous #E0FFFF, this collection offers designers and developers a deep, mysterious aesthetic perfect for conveying sophistication, depth, and a sense of wonder. The prominent #004080 and #4169E1 provide a clear progression of cool tones, allowing for elegant visual hierarchies in UI design, impactful branding, and immersive digital experiences. It's an excellent choice for projects that aim to evoke professionalism, mystique, and a powerful, cool identity.

Best used for

Luxury tech branding
Sci-fi or fantasy game interfaces
Deep-sea exploration websites
High-end automotive design showcases
Abstract digital art displays
Corporate websites with a modern, serious tone

Suggested color roles

primary

#4169E1 (A vibrant, royal blue, excellent for main headings, crucial call-to-action buttons, or key UI elements that demand attention and convey energy.)

secondary

#004080 (A deep, rich navy blue, ideal for subheadings, secondary interactive elements, or supporting graphical features, providing strong contrast.)

accent

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

background

#001F3F (A very deep, dark navy, serving as a powerful and mysterious backdrop that enhances readability for lighter text and creates depth.)

text

#E0FFFF (A very light, almost white blue, providing excellent contrast for body text on the darkest backgrounds, ensuring high readability.)

Accessibility notes

Ensure #E0FFFF text on #001F3F background meets WCAG AAA standards for optimal readability.
Avoid using #ADD8E6 or #4169E1 for text on #004080 without checking contrast ratios carefully, especially for smaller text.
When using #4169E1 for interactive elements, ensure its contrast with surrounding background colors is adequate for focus states.
For critical information, always pair the lightest available color, #E0FFFF, with the darkest background, #001F3F.

Recommended combinations

Deep Luminous

Ideal for dark mode interfaces with luminous text and vibrant accents for calls to action.

#001F3F · #E0FFFF · #4169E1

Cavern Depth

Use for creating visual depth in layered UI components, overlays, or complex graphical elements.

#004080 · #4169E1 · #ADD8E6

Icy Highlight

Apply the royal blue for focal points, with the darkest for background and the lightest for subtle highlights.

#4169E1 · #001F3F · #ADD8E6

CSS variables

:root {
  --arctic-ice-cavern-2-1: #001F3F;
  --arctic-ice-cavern-2-2: #004080;
  --arctic-ice-cavern-2-3: #4169E1;
  --arctic-ice-cavern-2-4: #ADD8E6;
  --arctic-ice-cavern-2-5: #E0FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-ice-cavern-2": {
        1: "#001F3F",
        2: "#004080",
        3: "#4169E1",
        4: "#ADD8E6",
        5: "#E0FFFF",
      }
    }
  }
}

Hex values

Color 1#001F3F

Color 2#004080

Color 3#4169E1

Color 4#ADD8E6

Color 5#E0FFFF

Accessibility

Contrast checker

1.6:1Fail

3.4:1AA18

10.8:1AAA

15.7:1AAA

1.6:1Fail

2.1:1Fail

6.7:1AA

9.7:1AAA

3.4:1AA18

2.1:1Fail

3.2:1AA18

4.6:1AA

10.8:1AAA

6.7:1AA

3.2:1AA18

1.4:1Fail

15.7:1AAA

9.7:1AAA

4.6:1AA

1.4:1Fail

Similar palettes

More like Arctic Ice Cavern

View all cool

Arctic Ocean Depths

Arctic Shore Twilight

Glacial Ice Cavern

Abyssal Bioluminescence

Abyssal Current Glide

Bioluminescent Abyss