Back to palettes

Palette

Glacial Cave Glow

The mysterious, deep blues and ethereal glow found within ancient, crystal-laden glacial caves.

cooldark5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0F1E2A#2B4C60#4B7A9B#7CC6E3#C1EFFF

Palette guide

How to use Glacial Cave Glow

Overview

The Glacial Cave Glow palette captures the mysterious, ethereal glow found within ancient ice caves, offering a range of deep to luminous blues. Featuring the profound #0F1E2A, robust #2B4C60, rich #4B7A9B, vibrant #7CC6E3, and the brightest #C1EFFF, this palette is ideal for creating atmospheric and captivating designs. Designers can craft immersive interfaces that draw users into a world of subtle light and shadow, while developers can implement a powerful dark mode theme with clear visual hierarchy. This collection is perfect for projects that aim to evoke wonder, depth, and a touch of icy luminescence.

Best used for

  • Atmospheric video game interfaces
  • Science fiction and fantasy branding
  • Luxury event and exhibit design
  • Abstract digital art and installations
  • Dark mode applications and websites
  • Mystical or spiritual content platforms

Suggested color roles

primary

Use #2B4C60 as the foundational deep blue for major UI components, main navigation, or primary branding elements.

secondary

Employ #4B7A9B for subheadings, descriptive text, or background elements that need to stand out gently from the deepest tones.

accent

Apply #7CC6E3 for interactive elements, call-to-action buttons, or glowing highlights to draw attention and add dynamism.

background

Designate #0F1E2A as the main background color, providing a very dark, immersive canvas that enhances the glow of lighter elements.

text

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

Accessibility notes

  • Crucially, use very light text (like #C1EFFF or pure white) on dark backgrounds such as #0F1E2A and #2B4C60 to ensure legibility.
  • Check contrast ratios for any text placed on #4B7A9B; it might require lighter text than on the darkest blues.
  • Ensure interactive elements highlighted with #7CC6E3 maintain sufficient contrast against their background.
  • Avoid using #2B4C60 for text on #0F1E2A; choose a lighter, more contrasting color.

Recommended combinations

Deep & Bright

Creates a striking contrast for dark mode, with a bright element drawing immediate focus.

#0F1E2A · #C1EFFF · #4B7A9B

Ethereal Glow

Perfect for gradients or layered effects that transition from deep to luminous, creating a glowing effect.

#2B4C60 · #7CC6E3 · #C1EFFF

Subterranean

Ideal for creating depth and shadow, reminiscent of deep cave formations.

#4B7A9B · #2B4C60 · #0F1E2A

CSS variables

:root {
  --glacial-cave-glow-1: #0F1E2A;
  --glacial-cave-glow-2: #2B4C60;
  --glacial-cave-glow-3: #4B7A9B;
  --glacial-cave-glow-4: #7CC6E3;
  --glacial-cave-glow-5: #C1EFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-cave-glow": {
        1: "#0F1E2A",
        2: "#2B4C60",
        3: "#4B7A9B",
        4: "#7CC6E3",
        5: "#C1EFFF",
      }
    }
  }
}

Related searches

dark cool paletteglowing blue colorsmysterious UI designglacial themed brandingdeep winter tones

Palette colors

Hex values

Color 1#0F1E2A
·
Color 2#2B4C60
·
Color 3#4B7A9B
·
Color 4#7CC6E3
·
Color 5#C1EFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.7:1AA18
8.9:1AAA
13.8:1AAA
2
1.9:1Fail
2:1Fail
4.8:1AA
7.4:1AAA
3
3.7:1AA18
2:1Fail
2.4:1Fail
3.7:1AA18
4
8.9:1AAA
4.8:1AA
2.4:1Fail
1.5:1Fail
5
13.8:1AAA
7.4:1AAA
3.7:1AA18
1.5:1Fail

Similar palettes

More like Glacial Cave Glow

View all cool