Back to palettes

Palette

Winter Twilight Lake

Deep, tranquil blues mirroring a frozen lake under the soft glow of winter twilight.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3D4F6C#5D7391#839EBE#AECCE8#2E3B50

Palette guide

How to use Winter Twilight Lake

Overview

The Winter Twilight Lake palette captures the tranquil essence of a frozen lake under the soft glow of winter twilight. This collection features a harmonious gradient of deep to light blues, starting with the profound #2E3B50 (Dark Slate Gray) and moving through the rich #3D4F6C (Dark Blue) to the airy #AECCE8 (Light Blue). The mid-tones like #5D7391 (Steel Blue) and #839EBE (Light Steel Blue) provide excellent versatility, bridging the darker and lighter elements seamlessly. It's a superb choice for designers aiming to evoke a sense of calm, depth, and cool sophistication in their projects.

Best used for

  • Nature-themed websites or apps
  • Eco-friendly brand identities
  • Travel agencies specializing in winter destinations
  • Serene photography websites
  • Scientific data visualization
  • Marine conservation initiatives

Suggested color roles

primary

Dark Slate Gray (#2E3B50) provides a strong, grounding primary color, ideal for main backgrounds, headers, or robust typography.

secondary

Dark Blue (#3D4F6C) acts as a versatile secondary, excellent for content blocks, card backgrounds, or primary navigation elements.

accent

Light Blue (#AECCE8) offers a soft, ethereal accent, perfect for highlights, subtle calls to action, or decorative UI elements.

background

Light Steel Blue (#839EBE) can serve as a calming, expansive background, providing a lighter base for content than the darker blues.

text

For dark backgrounds, use #AECCE8 or white. For lighter backgrounds like #AECCE8, use #2E3B50 or a deep charcoal for optimal readability.

Accessibility notes

  • Ensure text in #AECCE8 has sufficient contrast against background colors like #839EBE; a darker text color (e.g., #2E3B50) is often needed.
  • The deep #2E3B50 provides excellent contrast for light text, meeting WCAG AA standards.
  • Avoid using #5D7391 for small text on #3D4F6C without careful contrast checking; prefer a more distinct contrast.
  • For body text on lighter backgrounds, a robust dark grey (e.g., #333333) or #2E3B50 is recommended to maintain legibility.

Recommended combinations

Lake Depths

Creates a profound and elegant look, ideal for hero sections or prominent feature blocks with light accent details.

#2E3B50 · #3D4F6C · #AECCE8

Twilight Gradient

Excellent for subtle gradients or layered content, providing a smooth transition from mid-tone to light.

#5D7391 · #839EBE · #AECCE8

Clear Waters

Suitable for lighter content areas, using the light steel blue as a background with the darker blues for text and accents.

#839EBE · #3D4F6C · #5D7391

CSS variables

:root {
  --winter-twilight-lake-2-1: #3D4F6C;
  --winter-twilight-lake-2-2: #5D7391;
  --winter-twilight-lake-2-3: #839EBE;
  --winter-twilight-lake-2-4: #AECCE8;
  --winter-twilight-lake-2-5: #2E3B50;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-twilight-lake-2": {
        1: "#3D4F6C",
        2: "#5D7391",
        3: "#839EBE",
        4: "#AECCE8",
        5: "#2E3B50",
      }
    }
  }
}

Related searches

winter lake blue palettefrozen water color schemetranquil cool blue tonesnature inspired blue UIcalm twilight colors

Palette colors

Hex values

Color 1#3D4F6C
·
Color 2#5D7391
·
Color 3#839EBE
·
Color 4#AECCE8
·
Color 5#2E3B50
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3:1Fail
5:1AA
1.4:1Fail
2
1.7:1Fail
1.8:1Fail
2.9:1Fail
2.3:1Fail
3
3:1Fail
1.8:1Fail
1.7:1Fail
4.1:1AA18
4
5:1AA
2.9:1Fail
1.7:1Fail
6.8:1AA
5
1.4:1Fail
2.3:1Fail
4.1:1AA18
6.8:1AA

Similar palettes

More like Winter Twilight Lake

View all cool
Frosted Winter Lake
Winter Twilight Lake
Arctic Aurora Glow
Arctic Glacier Chill
Arctic Lake Ice
Arctic Shoreline Chill