Palette

Ice Lake Reflections

Icy blues reflecting the profound depths and glassy surface of a pristine, still glacier lake.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ice Lake Reflections 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 Lake Reflections.

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

Data visualization

#1A4A6B#3A6C8C#6A9EB8#0F2D44#4B7D99

Palette guide

How to use Ice Lake Reflections

Overview

The Ice Lake Reflections palette plunges into the profound depths and glassy surface of a pristine, still glacier lake, offering a sophisticated and minimalist collection of dark, icy blues. With foundational tones like the very deep #0F2D44 and the rich #1A4A6B (Dark Cerulean), it transitions through the nuanced #3A6C8C (darker Cadet Blue) and #4B7D99 (darker Steel Blue) to the slightly lighter #6A9EB8 (lighter Cadet Blue). This palette is exceptionally useful for designers and developers aiming to convey luxury, stability, and a deep sense of calm. Its predominantly dark nature creates a powerful, immersive experience, ideal for high-end branding or data visualization where clarity and depth are paramount.

Best used for

Luxury brand websites and apps
Corporate finance and investment platforms
Scientific data visualization tools
Sophisticated user interfaces for analytics
Dark mode themes for software
High-end automotive or marine branding

Suggested color roles

primary

#1A4A6B serves as a commanding primary, perfect for major headings, key calls-to-action, or dominant graphical elements.

secondary

#3A6C8C offers a rich secondary, ideal for subheadings, detailed text, or supporting visual components.

accent

#6A9EB8 provides a subtle yet effective accent, excellent for hover states, progress bars, or delicate highlights against the darker blues.

background

#0F2D44 creates a deep, immersive background, establishing a sense of profound depth and minimalist elegance.

text

For optimal readability, use white or near-white text (e.g., #F0F0F0) on all dark blues. #6A9EB8 can be used for very large, decorative text on the darkest backgrounds.

Accessibility notes

White or very light text is essential for readability against all colors in this dark palette.
Ensure sufficient contrast for all interactive elements, using a lighter blue like #6A9EB8 on the darker backgrounds.
Avoid using any dark text on these colors; it will be unreadable.
Consider larger font sizes for body text to aid legibility on dark backgrounds.

Recommended combinations

Deep Foundations

Use #0F2D44 as a deep background, #1A4A6B for primary content blocks, and #6A9EB8 for white text or subtle accents.

#0F2D44 · #1A4A6B · #6A9EB8

Reflective Surface

Create a smooth, reflective gradient for headers or hero sections, moving from #3A6C8C to #6A9EB8.

#3A6C8C · #4B7D99 · #6A9EB8

Data Clarity

Apply #1A4A6B as a chart background, #6A9EB8 for data points or labels, and #3A6C8C for axis lines or secondary data series.

#1A4A6B · #6A9EB8 · #3A6C8C

CSS variables

:root {
  --ice-lake-reflections-1: #1A4A6B;
  --ice-lake-reflections-2: #3A6C8C;
  --ice-lake-reflections-3: #6A9EB8;
  --ice-lake-reflections-4: #0F2D44;
  --ice-lake-reflections-5: #4B7D99;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ice-lake-reflections": {
        1: "#1A4A6B",
        2: "#3A6C8C",
        3: "#6A9EB8",
        4: "#0F2D44",
        5: "#4B7D99",
      }
    }
  }
}

Hex values

Color 1#1A4A6B

Color 2#3A6C8C

Color 3#6A9EB8

Color 4#0F2D44

Color 5#4B7D99

Accessibility

Contrast checker

1.7:1Fail

3.2:1AA18

1.5:1Fail

2.1:1Fail

1.7:1Fail

1.9:1Fail

2.5:1Fail

1.3:1Fail

3.2:1AA18

1.9:1Fail

4.9:1AA

1.5:1Fail

2.5:1Fail

4.9:1AA

3.2:1AA18

2.1:1Fail

1.3:1Fail

1.5:1Fail

3.2:1AA18

Similar palettes

More like Ice Lake Reflections

Ice Lake Reflections

See it in context.

Ready when you are.

Built with Ice Lake Reflections.

How to use Ice Lake Reflections

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Deep Foundations

Reflective Surface

Data Clarity

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Ice Lake Reflections