Palette

Glacier Melt Clear

Crystal clear blues and whites reflecting the pristine, cold beauty of melting glacial ice.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glacier Melt Clear 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 Glacier Melt Clear.

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

Data visualization

#0A2C3E#1B4E63#4C8C9E#8BCBCB#D8FFFF

Palette guide

How to use Glacier Melt Clear

Overview

The "Glacier Melt Clear" palette offers crystal-clear blues and whites, reflecting the pristine, cold beauty of melting glacial ice. Ranging from the profound #0A2C3E to the luminous #D8FFFF, this collection is perfect for designs seeking a minimalist, crisp, and refreshing aesthetic. The gradual transition through #1B4E63, #4C8C9E, and #8BCBCB provides sophisticated depth for gradients and layered elements, ensuring visual interest without sacrificing clarity. Designers can leverage this palette to evoke purity, modernity, and a sense of fresh beginnings, making it ideal for clean interfaces, invigorating branding, or digital art that emphasizes spaciousness and light.

Best used for

Clean tech interfaces and dashboards
Water filtration product branding
Eco-friendly fashion or lifestyle brands
Spa and wellness retreat websites
Scientific research presentations
Modern architecture visualizations

Suggested color roles

primary

#1B4E63 - A deep, solid blue that grounds the palette, excellent for main headings, primary navigation, or strong call-to-action buttons, conveying reliability.

secondary

#4C8C9E - A vibrant, clear aqua-blue, suitable for secondary information panels, subheadings, or background sections that need a refreshing touch.

accent

#8BCBCB - A light, bright aqua, perfect for subtle highlights, interactive states, or small decorative elements that need to pop with a crisp, airy feel.

background

#D8FFFF - The lightest shade, an almost pure white with a hint of blue, ideal for expansive, clean page backgrounds, maximizing airiness and content focus.

text

For text on light backgrounds like #D8FFFF, use #0A2C3E or #1B4E63 for optimal contrast. For text over darker shades, pure white is the best choice for readability.

Accessibility notes

The darkest colors, #0A2C3E and #1B4E63, provide excellent contrast for white text, meeting WCAG AA standards.
Lighter shades like #8BCBCB and #D8FFFF require very dark text (black, charcoal) for sufficient readability.
Avoid using #4C8C9E as text on #1B4E63; the contrast may be insufficient for accessibility.
Always use a contrast checker for all text and interactive element pairings to ensure readability.

Recommended combinations

Deep Clarity

Create a profound, clear-water gradient for backgrounds or hero sections, symbolizing depth and pristine quality.

#0A2C3E · #1B4E63 · #4C8C9E

Melted Ice

Use the lightest for dominant backgrounds, mid-aqua for supporting content, and the deep blue for focal points and strong text.

#D8FFFF · #8BCBCB · #1B4E63

Crisp Accents

Combine the mid-aqua as a base with the lightest for vibrant highlights, and the darkest for impactful, grounding details.

#4C8C9E · #8BCBCB · #0A2C3E

CSS variables

:root {
  --glacier-melt-clear-1: #0A2C3E;
  --glacier-melt-clear-2: #1B4E63;
  --glacier-melt-clear-3: #4C8C9E;
  --glacier-melt-clear-4: #8BCBCB;
  --glacier-melt-clear-5: #D8FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacier-melt-clear": {
        1: "#0A2C3E",
        2: "#1B4E63",
        3: "#4C8C9E",
        4: "#8BCBCB",
        5: "#D8FFFF",
      }
    }
  }
}

Hex values

Color 1#0A2C3E

Color 2#1B4E63

Color 3#4C8C9E

Color 4#8BCBCB

Color 5#D8FFFF

Accessibility

Contrast checker

1.6:1Fail

3.8:1AA18

8:1AAA

13.6:1AAA

1.6:1Fail

2.4:1Fail

5:1AA

8.5:1AAA

3.8:1AA18

2.4:1Fail

2.1:1Fail

3.5:1AA18

8:1AAA

5:1AA

2.1:1Fail

1.7:1Fail

13.6:1AAA

8.5:1AAA

3.5:1AA18

1.7:1Fail

Similar palettes

More like Glacier Melt Clear

View all cool

Arctic Glacier Bloom

Arctic Glacier Chill

Arctic Glacier Sparkle

Arctic Ice Crystal

Arctic Ice Gleam

Arctic Ice Shard