Palette

Ice Cave Luminescence

Sparkling blues and cool whites mimic the breathtaking, glowing interior of an otherworldly ice cavern.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ice Cave Luminescence 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 Ice Cave Luminescence.

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

Data visualization

#4682B4#ADD8E6#B0E0E6#E0FFFF#C0D8E6

Palette guide

How to use Ice Cave Luminescence

Overview

The Ice Cave Luminescence palette brings to life the sparkling, glowing interior of an otherworldly ice cavern through its stunning blend of cool blues and whites. Featuring the anchoring #4682B4 (Steel Blue), the refreshing #ADD8E6 (Light Blue), and the soft #B0E0E6 (Powder Blue), it culminates with the radiant #E0FFFF (Light Cyan) and the subtle #C0D8E6 (Light Steel Blue). This palette is designed for designers and developers seeking a minimalist yet captivating aesthetic, perfect for conveying serenity, technological sophistication, or the pristine beauty of frozen landscapes. Its strong contrast between deep and light tones allows for clear hierarchy and visual interest.

Best used for

High-tech product interfaces
Minimalist website designs
Serene brand identities for luxury goods
Winter holiday or seasonal promotions
Digital art depicting ice or futuristic themes
Virtual reality or immersive experience design

Suggested color roles

primary

#4682B4 serves as a strong, grounding primary, ideal for major headings, interactive elements, or sections requiring visual weight.

secondary

#ADD8E6 provides a softer, balancing secondary, excellent for subheadings, body text on dark backgrounds, or larger UI components.

accent

#E0FFFF offers a luminous accent, perfect for highlights, hover states, or subtle glowing effects that mimic ice luminescence.

background

#C0D8E6 creates a clean, expansive background, providing a cool and inviting base for content.

text

Use white or #E0FFFF for text on the darker #4682B4. For lighter backgrounds, a dark charcoal or #4682B4 ensures optimal readability.

Accessibility notes

Ensure high contrast when placing text on lighter blues like #ADD8E6 or #B0E0E6; use dark text.
White or #E0FFFF text on #4682B4 offers excellent contrast and readability.
Avoid using #E0FFFF as a text color on #C0D8E6 or #B0E0E6 due to insufficient contrast.
Check contrast ratios for all interactive elements to ensure they are easily discernible.

Recommended combinations

Luminous Contrast

Use #4682B4 for impactful elements, #E0FFFF for glowing highlights or icons, and #C0D8E6 as a clean background.

#4682B4 · #E0FFFF · #C0D8E6

Serene Depth

Layer these three for a soft, receding background effect, with #4682B4 providing grounding at the base.

#ADD8E6 · #B0E0E6 · #4682B4

Clean UI

Apply #C0D8E6 as the main background, #4682B4 for primary text or buttons, and #ADD8E6 for secondary information or borders.

#C0D8E6 · #4682B4 · #ADD8E6

CSS variables

:root {
  --ice-cave-luminescence-1: #4682B4;
  --ice-cave-luminescence-2: #ADD8E6;
  --ice-cave-luminescence-3: #B0E0E6;
  --ice-cave-luminescence-4: #E0FFFF;
  --ice-cave-luminescence-5: #C0D8E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ice-cave-luminescence": {
        1: "#4682B4",
        2: "#ADD8E6",
        3: "#B0E0E6",
        4: "#E0FFFF",
        5: "#C0D8E6",
      }
    }
  }
}

Hex values

Color 1#4682B4

Color 2#ADD8E6

Color 3#B0E0E6

Color 4#E0FFFF

Color 5#C0D8E6

Accessibility

Contrast checker

2.7:1Fail

2.9:1Fail

3.9:1AA18

2.8:1Fail

2.7:1Fail

1.1:1Fail

1.4:1Fail

1:1Fail

2.9:1Fail

1.1:1Fail

1.4:1Fail

1:1Fail

3.9:1AA18

1.4:1Fail

2.8:1Fail

1:1Fail

1.4:1Fail

Similar palettes

More like Ice Cave Luminescence

Ice Cave Luminescence

See it in context.

Ready when you are.

Built with Ice Cave Luminescence.

How to use Ice Cave Luminescence

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Luminous Contrast

Serene Depth

Clean UI

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Ice Cave Luminescence