Palette

Winter Crystal Pond

The crisp, clear blues of an alpine lake, frozen solid with intricate ice crystal reflections.

coolminimal5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Winter Crystal Pond 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 Crystal Pond.

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

Data visualization

#ADD8E6#87CEEB#6495ED#4169E1#1E90FF

Palette guide

How to use Winter Crystal Pond

Overview

The Winter Crystal Pond palette presents a stunning gradient of cool, clear blues, ranging from the light sky blue #ADD8E6 to the deep, vibrant electric blue #1E90FF. This collection perfectly evokes the clarity, depth, and icy beauty of a frozen alpine lake. Designers and developers can leverage these harmonious blues to create dynamic, fresh, and impactful digital experiences, ideal for projects that aim to convey innovation, purity, or a strong connection to nature and water elements.

Best used for

Tech startups and digital product interfaces
Water conservation and environmental initiatives
Winter sports and outdoor recreation brands
Educational platforms focusing on science or nature
Clean energy and sustainability companies
Brands seeking a modern, vibrant, and cool aesthetic

Suggested color roles

primary

Utilize #6495ED (cornflower blue) as the main brand color for significant headings and key visual elements, offering a strong yet balanced blue.

secondary

Employ #87CEEB (sky blue) for supporting information, subheadings, or as a lighter accent, maintaining the palette's refreshing feel.

accent

Apply #1E90FF (dodger blue) for vibrant calls to action, interactive elements, and strong visual cues to draw attention.

background

Choose #ADD8E6 (light blue) as the primary background color, providing a soft, expansive, and clean base for content.

text

For headings, use #4169E1 or #1E90FF for strong contrast. For body text, a standard black or very dark grey is recommended for optimal readability.

Accessibility notes

Text in #1E90FF on #ADD8E6 offers good contrast, suitable for headings and important elements.
Text in #4169E1 on #ADD8E6 can work for larger text, but check contrast for smaller font sizes.
Avoid using #87CEEB as text on #ADD8E6 due to insufficient contrast for most body copy.
For body text, consider using a very dark blue or black outside the palette to ensure optimal readability across all devices and conditions.

Recommended combinations

Deep Freeze

Creates a dynamic contrast with a deep accent, light background, and a strong primary for visual impact.

#1E90FF · #ADD8E6 · #6495ED

Crystal Layers

Showcases a harmonious gradient of blues, ideal for creating depth in backgrounds or graphical elements.

#87CEEB · #6495ED · #4169E1

Pond Surface

Pairs a light background with a vibrant accent and a secondary blue, perfect for clean and energetic designs.

#ADD8E6 · #1E90FF · #87CEEB

CSS variables

:root {
  --winter-crystal-pond-1: #ADD8E6;
  --winter-crystal-pond-2: #87CEEB;
  --winter-crystal-pond-3: #6495ED;
  --winter-crystal-pond-4: #4169E1;
  --winter-crystal-pond-5: #1E90FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-crystal-pond": {
        1: "#ADD8E6",
        2: "#87CEEB",
        3: "#6495ED",
        4: "#4169E1",
        5: "#1E90FF",
      }
    }
  }
}

Hex values

Color 1#ADD8E6

Color 2#87CEEB

Color 3#6495ED

Color 4#4169E1

Color 5#1E90FF

Accessibility

Contrast checker

1.1:1Fail

1.9:1Fail

3.2:1AA18

2.1:1Fail

1.1:1Fail

1.7:1Fail

2.8:1Fail

1.9:1Fail

1.7:1Fail

1.6:1Fail

1.1:1Fail

3.2:1AA18

2.8:1Fail

1.6:1Fail

1.5:1Fail

2.1:1Fail

1.9:1Fail

1.1:1Fail

1.5:1Fail

Similar palettes

More like Winter Crystal Pond

Winter Crystal Pond

See it in context.

Ready when you are.

Built with Winter Crystal Pond.

How to use Winter Crystal Pond

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Deep Freeze

Crystal Layers

Pond Surface

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Winter Crystal Pond