Palette

Glacial Cave Depths

Plunges into the mysterious and serene depths of a glacial cave, with icy blues and whites.

CoolCalm5 colors

More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glacial Cave Depths 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 Glacial Cave Depths.

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

Data visualization

#0A1C2B#2C4F6B#5E8BA3#9CBFCB#D9E8ED

Palette guide

How to use Glacial Cave Depths

Overview

The Glacial Cave Depths palette plunges into mysterious and serene blues, perfect for projects seeking sophistication and depth. Anchored by the profound near-black #0A1C2B and encompassing deep ocean blue #2C4F6B, muted sky blue #5E8BA3, soft ice blue #9CBFCB, and a crisp off-white #D9E8ED, this palette offers a rich, cool spectrum. Designers can create immersive experiences, guiding the eye from dark, contemplative depths to serene, illuminated elements. Developers will find distinct yet harmonious shades for dark mode interfaces or sophisticated data visualizations. It's an excellent choice for a minimalist yet impactful aesthetic, evoking the quiet beauty of a hidden glacial cave.

Best used for

Luxury tech product interfaces
Corporate and financial branding
Dark mode application themes
Environmental documentaries and websites
High-end packaging design
Sophisticated digital art installations

Suggested color roles

primary

Utilize #2C4F6B as a core color for main sections, headers, or prominent UI components, establishing a strong, elegant foundation.

secondary

Employ #5E8BA3 for supporting information, subheadings, or secondary navigation, providing a subtle lift from the darker tones.

accent

Apply #9CBFCB for delicate highlights, interactive states, or subtle graphic elements to introduce a touch of icy glow.

background

Designate #0A1C2B as the primary background color, creating an immersive, dark, and sophisticated canvas for all content.

text

For optimal readability, use #D9E8ED or pure white for all body text and essential information on dark backgrounds, ensuring high contrast.

Accessibility notes

High contrast is essential: use #D9E8ED or white for all text on #0A1C2B and #2C4F6B backgrounds to meet WCAG AA standards.
Ensure interactive elements using #9CBFCB have sufficient contrast against their background, especially if it's a darker blue.
Avoid using #5E8BA3 for small text on #2C4F6B; opt for lighter colors from the palette.
The light #D9E8ED can be used as a background for specific sections where dark text (e.g., black or #0A1C2B) is preferred for readability.

Recommended combinations

Deep Contrast

Creates a dramatic, legible layout, ideal for dark mode interfaces with clear content.

#0A1C2B · #D9E8ED · #5E8BA3

Subtle Gradient

Excellent for smooth transitions in backgrounds or layered visual elements.

#2C4F6B · #5E8BA3 · #9CBFCB

Cave Glow

Provides a sense of depth and illumination, with light elements emerging from darkness.

#D9E8ED · #9CBFCB · #0A1C2B

CSS variables

:root {
  --glacial-cave-depths-1: #0A1C2B;
  --glacial-cave-depths-2: #2C4F6B;
  --glacial-cave-depths-3: #5E8BA3;
  --glacial-cave-depths-4: #9CBFCB;
  --glacial-cave-depths-5: #D9E8ED;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-cave-depths": {
        1: "#0A1C2B",
        2: "#2C4F6B",
        3: "#5E8BA3",
        4: "#9CBFCB",
        5: "#D9E8ED",
      }
    }
  }
}

Hex values

Color 1#0A1C2B

Color 2#2C4F6B

Color 3#5E8BA3

Color 4#9CBFCB

Color 5#D9E8ED

Accessibility

Contrast checker

2:1Fail

4.7:1AA

8.8:1AAA

13.8:1AAA

2:1Fail

2.3:1Fail

4.4:1AA18

6.9:1AA

4.7:1AA

2.3:1Fail

1.9:1Fail

2.9:1Fail

8.8:1AAA

4.4:1AA18

1.9:1Fail

1.6:1Fail

13.8:1AAA

6.9:1AA

2.9:1Fail

1.6:1Fail

Similar palettes

More like Glacial Cave Depths

View all Cool

Arctic Glacier Lagoon