Palette

Winter Lake Chill

Reflects the tranquil, crisp atmosphere of a frozen lake under a clear, cold winter sky.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Winter Lake Chill 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 Lake Chill.

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

Data visualization

#4A637F#7B90A7#AEC0CC#DAE2E7#ECEEF0

Palette guide

How to use Winter Lake Chill

Overview

The Winter Lake Chill palette captures the tranquil and crisp atmosphere of a frozen lake, offering a sophisticated range of cool blue-grays. From the deep, grounding #4A637F to the airy, almost-white #ECEEF0, this palette provides a harmonious progression of tones. It's an excellent choice for designers seeking a minimalist yet profound aesthetic, ideal for conveying professionalism, serenity, and a touch of modern elegance. The mid-tones like #7B90A7 and #AEC0CC bridge the gap beautifully, allowing for layered designs with clear visual hierarchy. This palette is especially useful for corporate, tech, or nature-inspired projects aiming for a clean, understated impact.

Best used for

Minimalist corporate branding and reports
High-tech product interfaces and dashboards
Nature and outdoor-themed websites or apps
Winter event invitations and decor
Serene architectural visualizations
Elegant photography and art exhibition sites

Suggested color roles

primary

Utilize #4A637F for powerful headings, main navigation, or solid backgrounds, offering a deep, authoritative presence.

secondary

Apply #7B90A7 for subheadings, secondary buttons, or data visualization elements, providing depth without overwhelming.

accent

Use #AEC0CC as a subtle highlight for active states, borders, or informational icons, adding a soft contrast.

background

Choose #ECEEF0 or #DAE2E7 for clean, expansive backgrounds, creating an airy and sophisticated canvas.

text

For body text, use #4A637F or a rich charcoal like #333333 to ensure optimal legibility against light backgrounds.

Accessibility notes

Ensure sufficient contrast when using lighter tones like #AEC0CC for text, especially on white backgrounds.
Pair #4A637F or #7B90A7 with white or #ECEEF0 text for excellent readability on darker elements.
Avoid combining #DAE2E7 and #ECEEF0 for text/background without careful contrast checks; they are very close.
Use larger font sizes or bolding for any text in mid-tones to enhance visibility for all users.

Recommended combinations

Corporate Header

For a professional header: #4A637F for the title, #ECEEF0 for the background, and #7B90A7 for a navigation separator.

#4A637F · #ECEEF0 · #7B90A7

Data Card

Design a clean data card: #DAE2E7 for the card background, #4A637F for key metrics, and #AEC0CC for labels.

#DAE2E7 · #4A637F · #AEC0CC

Serene UI Button

Create a button: #7B90A7 for the button background, #ECEEF0 for the text, and #4A637F for the hover state background.

#7B90A7 · #ECEEF0 · #4A637F

CSS variables

:root {
  --winter-lake-chill-1: #4A637F;
  --winter-lake-chill-2: #7B90A7;
  --winter-lake-chill-3: #AEC0CC;
  --winter-lake-chill-4: #DAE2E7;
  --winter-lake-chill-5: #ECEEF0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-lake-chill": {
        1: "#4A637F",
        2: "#7B90A7",
        3: "#AEC0CC",
        4: "#DAE2E7",
        5: "#ECEEF0",
      }
    }
  }
}

Hex values

Color 1#4A637F

Color 2#7B90A7

Color 3#AEC0CC

Color 4#DAE2E7

Color 5#ECEEF0

Accessibility

Contrast checker

1.9:1Fail

3.3:1AA18

4.7:1AA

5.3:1AA

1.9:1Fail

1.8:1Fail

2.5:1Fail

2.8:1Fail

3.3:1AA18

1.8:1Fail

1.4:1Fail

1.6:1Fail

4.7:1AA

2.5:1Fail

1.4:1Fail

1.1:1Fail

5.3:1AA

2.8:1Fail

1.6:1Fail

1.1:1Fail

Similar palettes

More like Winter Lake Chill

Frozen Crystal Grotto

Glacial Iceberg Flow

Winter Chill Vista