Back to palettes

Palette

Winter Glacier Depth

Profound blues and bright aquas, mirroring the chilling, majestic depths of a frozen glacier.

CoolDark5 colors
More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Winter Glacier Depth 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 Winter Glacier Depth.

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

Data visualization

#0F2D3D#1C4D5E#2E6B8D#4BA2D9#7FD1E9

Palette guide

How to use Winter Glacier Depth

Overview

The Winter Glacier Depth palette evokes a sense of profound calm and digital sophistication, drawing inspiration from icy, deep waters. This cool-toned collection transitions from the almost black-blue of #0F2D3D to the vibrant, ethereal aqua of #7FD1E9. Ideal for projects demanding a clean, professional, yet evocative aesthetic, this palette leverages the depth of #1C4D5E and the clarity of #2E6B8D to create visually striking interfaces. Its range, including the bright accent of #4BA2D9, ensures versatility for both expansive backgrounds and intricate details, making it a powerful choice for modern design.

Best used for

  • Luxury brand websites or apps
  • Technology and software interfaces
  • Winter-themed event branding
  • Environmental or conservation-focused organizations
  • Corporate presentations and dashboards
  • Modern editorial layouts

Suggested color roles

primary

#0F2D3D - Use for dominant backgrounds, headers, or large structural elements to establish a profound, stable foundation.

secondary

#1C4D5E - Excellent for sub-headers, navigation, or card backgrounds, offering a rich contrast to the primary without being overwhelming.

accent

#7FD1E9 - Reserve this bright, ethereal shade for calls-to-action, active states, or subtle highlights to draw immediate attention.

background

#2E6B8D - A versatile mid-tone background for content areas, offering a good base for lighter text while maintaining the cool aesthetic.

text

#7FD1E9 on dark backgrounds like #0F2D3D or #1C4D5E, or a near-white/light gray on #2E6B8D, ensures optimal readability.

Accessibility notes

  • Ensure sufficient contrast when using #4BA2D9 or #7FD1E9 for text on any of the darker blues; check WCAG AA or AAA standards.
  • Pairing #0F2D3D with #7FD1E9 provides excellent contrast for primary text or important elements.
  • Avoid using #2E6B8D for small text against #1C4D5E or #4BA2D9 as contrast might be insufficient.
  • Consider using a very light gray or pure white for body text on the darkest blues to maximize legibility for extended reading.

Recommended combinations

Deep Ocean

Ideal for high-contrast hero sections, dark mode interfaces, or elegant branding where depth meets a crisp highlight.

#0F2D3D · #1C4D5E · #7FD1E9

Glacier Flow

Excellent for content cards, interactive elements, or data visualization, offering a smooth gradient-like flow from mid-tone to bright.

#2E6B8D · #4BA2D9 · #7FD1E9

Winter Sky

Use for striking visual hierarchy in dashboards or presentations, with the darkest blue as a base and the lighter blues for data points and calls to action.

#0F2D3D · #4BA2D9 · #7FD1E9

CSS variables

:root {
  --winter-glacier-depth-1: #0F2D3D;
  --winter-glacier-depth-2: #1C4D5E;
  --winter-glacier-depth-3: #2E6B8D;
  --winter-glacier-depth-4: #4BA2D9;
  --winter-glacier-depth-5: #7FD1E9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-glacier-depth": {
        1: "#0F2D3D",
        2: "#1C4D5E",
        3: "#2E6B8D",
        4: "#4BA2D9",
        5: "#7FD1E9",
      }
    }
  }
}

Related searches

deep blue color palettewinter color schemescool tone branding colorsice blue aestheticdark blue web design

Palette colors

Hex values

Color 1#0F2D3D
·
Color 2#1C4D5E
·
Color 3#2E6B8D
·
Color 4#4BA2D9
·
Color 5#7FD1E9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
5.1:1AA
8.3:1AAA
2
1.6:1Fail
1.6:1Fail
3.3:1AA18
5.4:1AA
3
2.5:1Fail
1.6:1Fail
2.1:1Fail
3.4:1AA18
4
5.1:1AA
3.3:1AA18
2.1:1Fail
1.6:1Fail
5
8.3:1AAA
5.4:1AA
3.4:1AA18
1.6:1Fail

Similar palettes

More like Winter Glacier Depth

View all Cool
Blue Ocean Abyss
Cosmic Night Hues
Arctic Chill
Arctic Glacier Chill
Frozen Tundra Calm
Glacier Ice Peaks