Back to palettes

Palette

Northern Lake Chill

Reflects the deep, serene blues and icy light of a vast northern lake at dawn.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A7CED9#7FB8C7#4F8FAC#2F6B8A#1C4A63

Palette guide

How to use Northern Lake Chill

Overview

The Northern Lake Chill palette beautifully reflects the deep, serene blues and icy light of a vast northern lake at dawn. This cool and calming collection is perfect for designers and developers aiming to evoke tranquility, depth, and a connection to nature. It features a harmonious gradient from the light, ethereal #A7CED9 to the profound, dark #1C4A63, with versatile mid-tones like #7FB8C7, #4F8FAC, and #2F6B8A. This palette is exceptionally well-suited for creating refreshing user interfaces, grounded brand identities, or evocative content that benefits from a natural, serene, and sophisticated blue aesthetic. It speaks to clarity, vastness, and calm reflection.

Best used for

  • Environmental organizations and conservation initiatives
  • Water-related product branding (e.g., bottled water, aquariums)
  • Outdoors and adventure travel websites
  • Serene meditation and mindfulness applications
  • Nautical or maritime-themed designs
  • Educational content about nature and geography

Suggested color roles

primary

Use #4F8FAC as a stable, deep lake blue primary for main content areas or key UI elements, offering a grounded and serene presence.

secondary

Employ #7FB8C7 for supporting visual elements, subheadings, or secondary calls to action, adding a lighter, reflective water tone.

accent

Reserve #1C4A63 for powerful accents, critical information, or strong interactive elements, leveraging its profound depth and clarity.

background

Utilize #A7CED9 as the primary background color, providing a light, airy, and expansive canvas that enhances the deeper blues.

text

For maximum legibility, use #1C4A63 for all body text and headings on light backgrounds. For lighter text on dark elements, a crisp white is ideal.

Accessibility notes

  • Ensure #1C4A63 on #A7CED9 provides excellent contrast for all text, meeting WCAG AAA standards.
  • Verify that #2F6B8A on #A7CED9 maintains strong readability for body text, typically meeting WCAG AA.
  • Be cautious when using #7FB8C7 for small text on #A7CED9, as contrast may be insufficient; reserve for larger titles or accents.
  • Interactive elements should have clearly defined hover and focus states, perhaps using #1C4A63 for strong visual feedback.

Recommended combinations

Deep Waters

A strong header (#1C4A63) on a light background (#A7CED9), with #4F8FAC for supporting text or graphical elements, evoking depth.

#1C4A63 · #A7CED9 · #4F8FAC

Lake Surface

Ideal for content blocks where #7FB8C7 provides a soft visual break against #A7CED9, with #2F6B8A for accompanying text.

#7FB8C7 · #A7CED9 · #2F6B8A

Horizon Chill

Combines a stable primary (#4F8FAC) with a deep accent (#1C4A63) and a light, expansive background (#A7CED9) for visual harmony.

#4F8FAC · #1C4A63 · #A7CED9

CSS variables

:root {
  --northern-lake-chill-1: #A7CED9;
  --northern-lake-chill-2: #7FB8C7;
  --northern-lake-chill-3: #4F8FAC;
  --northern-lake-chill-4: #2F6B8A;
  --northern-lake-chill-5: #1C4A63;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "northern-lake-chill": {
        1: "#A7CED9",
        2: "#7FB8C7",
        3: "#4F8FAC",
        4: "#2F6B8A",
        5: "#1C4A63",
      }
    }
  }
}

Related searches

northern lake blue paletteserene water colorscool blue nature themedeep aqua UI designtranquil lake branding

Palette colors

Hex values

Color 1#A7CED9
·
Color 2#7FB8C7
·
Color 3#4F8FAC
·
Color 4#2F6B8A
·
Color 5#1C4A63
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.1:1Fail
3.5:1AA18
5.6:1AA
2
1.3:1Fail
1.6:1Fail
2.7:1Fail
4.3:1AA18
3
2.1:1Fail
1.6:1Fail
1.6:1Fail
2.7:1Fail
4
3.5:1AA18
2.7:1Fail
1.6:1Fail
1.6:1Fail
5
5.6:1AA
4.3:1AA18
2.7:1Fail
1.6:1Fail

Similar palettes

More like Northern Lake Chill

View all cool
Calm Lake Reflections
Cool Glacier Lagoon
Glacial Lagoon Calm
Glacial Lake Serenity
Glacier Bloom Melt
Glacier Lake Serenity