Back to palettes

Palette

Glacial Blue Descent

A cool descent into glacial blues, from icy depths to crisp, clear surfaces.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glacial Blue Descent 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 Blue Descent.

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

Data visualization

#0a2d3c#2d5a6e#4c7b9c#7db0d4#a3e0f7

Palette guide

How to use Glacial Blue Descent

Overview

The Glacial Blue Descent palette offers a captivating journey through cool, deep blues, from the icy depths to crisp, clear surfaces. This gradient features a profound dark teal #0a2d3c, a rich deep blue #2d5a6e, a balanced slate blue #4c7b9c, a vibrant sky blue #7db0d4, and a luminous light blue #a3e0f7. Designers can utilize these serene hues to craft brand identities, digital interfaces, or artistic projects that convey depth, clarity, and a modern, calming aesthetic. Developers will find these hex codes valuable for implementing clean, refreshing UI/UX themes, ensuring a consistent and soothing visual experience across web and mobile platforms.

Best used for

  • Oceanography or marine research branding
  • Tech companies seeking a sophisticated, cool aesthetic
  • Relaxation or meditation app interfaces
  • Financial services or corporate websites
  • Environmental organization designs
  • Modern interior design with a focus on tranquility

Suggested color roles

primary

#0a2d3c serves as a strong, deep primary color for headers, navigation, or important elements, conveying stability and depth.

secondary

#2d5a6e or #4c7b9c work well for subheadings, content sections, or larger elements, offering a rich, supporting tone.

accent

#7db0d4 can be used for calls-to-action, interactive elements, or key highlights, drawing attention with a vibrant yet cool touch.

background

#a3e0f7 provides a light, airy backdrop, ensuring excellent readability for darker text while maintaining the palette's cool feel.

text

For dark text, #0a2d3c on #a3e0f7 provides excellent contrast. For light text on darker backgrounds, white or a very light gray is recommended.

Accessibility notes

  • Ensure #0a2d3c text on #a3e0f7 background meets WCAG AA contrast standards.
  • Lighter shades like #7db0d4 will require very dark text for optimal readability.
  • Avoid using #4c7b9c text on #7db0d4 due to insufficient contrast.
  • Always test text and interactive element color combinations with a contrast checker for legibility.

Recommended combinations

Deep Ocean

Ideal for core website layouts, combining a deep blue anchor with a light background and a rich mid-tone.

#0A2D3C · #A3E0F7 · #2D5A6E

Clear Waters

Great for creating visual depth in content sections or layered graphics, evoking a smooth transition.

#2D5A6E · #4C7B9C · #7DB0D4

Icy Highlight

Use for clean, readable content sections where a light background meets a vibrant accent and dark text.

#A3E0F7 · #7DB0D4 · #0A2D3C

CSS variables

:root {
  --glacial-blue-descent-1: #0a2d3c;
  --glacial-blue-descent-2: #2d5a6e;
  --glacial-blue-descent-3: #4c7b9c;
  --glacial-blue-descent-4: #7db0d4;
  --glacial-blue-descent-5: #a3e0f7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-blue-descent": {
        1: "#0a2d3c",
        2: "#2d5a6e",
        3: "#4c7b9c",
        4: "#7db0d4",
        5: "#a3e0f7",
      }
    }
  }
}

Related searches

deep blue color paletteglacial blue gradientcool blue web designtranquil water colorssophisticated blue scheme

Palette colors

Hex values

Color 1#0a2d3c
·
Color 2#2d5a6e
·
Color 3#4c7b9c
·
Color 4#7db0d4
·
Color 5#a3e0f7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.2:1AA18
6.2:1AA
10:1AAA
2
1.9:1Fail
1.7:1Fail
3.2:1AA18
5.2:1AA
3
3.2:1AA18
1.7:1Fail
2:1Fail
3.2:1AA18
4
6.2:1AA
3.2:1AA18
2:1Fail
1.6:1Fail
5
10:1AAA
5.2:1AA
3.2:1AA18
1.6:1Fail

Similar palettes

More like Glacial Blue Descent

View all cool
Arctic Frost Jewel
Arctic Glacier Melt
Arctic Lake Glass
Arctic Sapphire Glimmer
Arctic Whisper Glade
Cool Glacier Mist