Palette

Frozen River Glaze

A chilling progression of blues, reminiscent of a river surface covered in ice.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frozen River Glaze 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 Frozen River Glaze.

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

Data visualization

#ADD8E6#87CEEB#4682B4#3174AD#265985

Palette guide

How to use Frozen River Glaze

Overview

The "Frozen River Glaze" palette presents a chilling progression of blues, reminiscent of a river surface covered in ice. This cool and serene collection offers a sense of depth, tranquility, and natural elegance. Starting from the light #ADD8E6, it deepens through #87CEEB and #4682B4, culminating in the profound #3174AD and #265985. This palette is ideal for projects requiring a sophisticated, cohesive blue theme with varying intensity. Designers can leverage it for professional interfaces, environmental branding, or digital art that needs to evoke the calm, powerful presence of frozen water. Its harmonious flow ensures visual consistency across all elements.

Best used for

Environmental agency websites
Marine and aquatic research platforms
Professional corporate branding
Winter sports apparel design
Data visualization dashboards
Serene digital landscapes

Suggested color roles

primary

Utilize #4682B4 as the dominant color for main content blocks or primary calls-to-action, offering a strong, stable presence.

secondary

Apply #87CEEB for supporting content, subheadings, or secondary interactive elements, providing a lighter yet cohesive feel.

accent

Introduce #ADD8E6 for crisp highlights, small icons, or subtle decorative elements, adding a touch of icy brightness.

background

Employ #ADD8E6 as a light, expansive background color for content, creating an open and serene canvas.

text

For optimal readability, use #265985 or #3174AD for text on lighter backgrounds. For inverse text on dark blues, #ADD8E6 provides excellent contrast.

Accessibility notes

Ensure strong contrast when pairing the darkest blues like #265985 with the lightest backgrounds such as #ADD8E6.
Avoid using adjacent mid-tones like #87CEEB and #4682B4 for critical text or small elements due to potential low contrast.
Test interactive elements with a distinct shade like #3174AD for hover and active states to ensure clear feedback.
For small text, always opt for the darkest available colors from the palette on the lightest backgrounds for maximum legibility.

Recommended combinations

Glacial Flow

Perfect for creating a natural gradient effect in backgrounds or content blocks, showing progression.

#ADD8E6 · #87CEEB · #4682B4

Deep Freeze

Ideal for dark mode themes or powerful hero sections, with #ADD8E6 providing clear textual contrast.

#265985 · #3174AD · #ADD8E6

River Ice

Excellent for UI cards or informational panels, balancing a light base with a strong, defining color.

#ADD8E6 · #4682B4 · #87CEEB

CSS variables

:root {
  --frozen-river-glaze-1: #ADD8E6;
  --frozen-river-glaze-2: #87CEEB;
  --frozen-river-glaze-3: #4682B4;
  --frozen-river-glaze-4: #3174AD;
  --frozen-river-glaze-5: #265985;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frozen-river-glaze": {
        1: "#ADD8E6",
        2: "#87CEEB",
        3: "#4682B4",
        4: "#3174AD",
        5: "#265985",
      }
    }
  }
}

Hex values

Color 1#ADD8E6

Color 2#87CEEB

Color 3#4682B4

Color 4#3174AD

Color 5#265985

Accessibility

Contrast checker

1.1:1Fail

2.7:1Fail

3.2:1AA18

4.8:1AA

1.1:1Fail

2.4:1Fail

2.8:1Fail

4.2:1AA18

2.7:1Fail

2.4:1Fail

1.2:1Fail

1.8:1Fail

3.2:1AA18

2.8:1Fail

1.2:1Fail

1.5:1Fail

4.8:1AA

4.2:1AA18

1.8:1Fail

1.5:1Fail

Similar palettes

More like Frozen River Glaze

View all cool

Frosted Lakeside Calm