Back to palettes

Palette

Glacial Water Reflection

Clear and serene, reflecting the pristine, icy waters of a glacial lake under a pale sky.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glacial Water Reflection 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 Water Reflection.

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

Data visualization

#ADD8E6#B0E0E6#E0FFFF#AFEEEE#6A5ACD

Palette guide

How to use Glacial Water Reflection

Overview

This Glacial Water Reflection palette offers a serene and crisp aesthetic, perfect for conveying purity and calm. Dominated by cool blues like #ADD8E6 and #B0E0E6, it evokes the pristine clarity of icy waters. The inclusion of #E0FFFF provides a bright, airy feel, while #AFEEEE adds a subtle, refreshing touch. A deeper, more impactful #6A5ACD serves as a sophisticated anchor, preventing the palette from feeling too ephemeral. Designers and developers can leverage these shades to build interfaces and branding that feel clean, trustworthy, and deeply tranquil. It's a versatile collection for projects aiming for a refreshing and elegant atmosphere.

Best used for

  • Nature-themed websites or apps
  • Spa and wellness branding
  • Eco-conscious product packaging
  • Serene interior design concepts
  • Digital interfaces requiring a calming user experience
  • Educational materials on climate or water

Suggested color roles

primary

#ADD8E6 (Light Blue) - Ideal for main content areas, large backgrounds, or primary brand elements where a soft, inviting coolness is desired.

secondary

#B0E0E6 (Powder Blue) - Excellent for complementary sections, sub-headers, or interactive elements, maintaining the palette's gentle flow.

accent

#6A5ACD (Slate Blue) - Use this rich blue-violet for calls to action, important icons, or subtle highlights to add depth and sophistication.

background

#E0FFFF (Light Cyan) - A bright, almost white background that offers maximum contrast and an expansive, airy feel, enhancing readability.

text

For primary text, a dark charcoal like #333333 provides excellent readability against lighter backgrounds. For headings, consider #6A5ACD.

Accessibility notes

  • Ensure sufficient contrast when using #ADD8E6 or #B0E0E6 for text against #E0FFFF backgrounds.
  • #6A5ACD offers strong contrast against #E0FFFF, making it suitable for important text or interactive elements.
  • Avoid using #ADD8E6 and #B0E0E6 as text colors on similar light blue backgrounds without careful contrast checking.
  • For small text, always opt for high-contrast combinations, such as dark text on #E0FFFF.

Recommended combinations

Serene UI

Perfect for clean user interfaces, where #E0FFFF acts as background, #ADD8E6 for cards, and #6A5ACD for buttons.

#E0FFFF · #ADD8E6 · #6A5ACD

Watery Gradient

Create subtle, flowing gradients in headers or background elements for a dynamic, liquid effect.

#AFEEEE · #B0E0E6 · #ADD8E6

Deep Contrast

A bright backdrop with a soft accent and a strong, elegant call-to-action color for emphasis.

#E0FFFF · #AFEEEE · #6A5ACD

CSS variables

:root {
  --glacial-water-reflection-1: #ADD8E6;
  --glacial-water-reflection-2: #B0E0E6;
  --glacial-water-reflection-3: #E0FFFF;
  --glacial-water-reflection-4: #AFEEEE;
  --glacial-water-reflection-5: #6A5ACD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-water-reflection": {
        1: "#ADD8E6",
        2: "#B0E0E6",
        3: "#E0FFFF",
        4: "#AFEEEE",
        5: "#6A5ACD",
      }
    }
  }
}

Related searches

calm blue color schemeserene cool paletteicy water design colorslight blue and slate bluetranquil web design palette

Palette colors

Hex values

Color 1#ADD8E6
·
Color 2#B0E0E6
·
Color 3#E0FFFF
·
Color 4#AFEEEE
·
Color 5#6A5ACD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.4:1Fail
1.2:1Fail
3.5:1AA18
2
1.1:1Fail
1.4:1Fail
1.1:1Fail
3.7:1AA18
3
1.4:1Fail
1.4:1Fail
1.2:1Fail
5:1AA
4
1.2:1Fail
1.1:1Fail
1.2:1Fail
4.1:1AA18
5
3.5:1AA18
3.7:1AA18
5:1AA
4.1:1AA18

Similar palettes

More like Glacial Water Reflection

View all cool
Alpine Ice Glimmer
Arctic Glacier Melt
Arctic Ice Shard
Arctic Lake Reflect
Arctic Ocean
Arctic Sapphire Glimmer