Back to palettes

Palette

Winter Twilight Lake

Chilly blues and greens capturing the crisp, tranquil surface of a frozen lake at twilight, serene and still.

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

#2F4F4F#4F6F6F#6F8F8F#8FBFBF#AFFFFF

Palette guide

How to use Winter Twilight Lake

Overview

The Winter Twilight Lake palette (version 3) presents a crisp, tranquil range of blues and greens, perfectly capturing the serene surface of a frozen lake at twilight. This monochromatic-like scheme, featuring the deep #2F4F4F (Dark Slate Gray) and the progressively lighter #4F6F6F (Dark Cyan) and #6F8F8F (Cadet Blue), builds a harmonious visual flow. The ethereal #8FBFBF (Light Blue) and the airy #AFFFFF (Light Cyan) introduce a sense of icy clarity and expansive calm. This palette is exceptionally well-suited for designers aiming for a minimalist, refreshing, and calming aesthetic with a distinct cool-toned focus.

Best used for

  • Minimalist UI designs
  • Winter sports branding
  • Spa and wellness websites
  • Clean, modern app interfaces
  • Environmental initiatives
  • Photography with cool tones

Suggested color roles

primary

Dark Slate Gray (#2F4F4F) serves as a profound primary, ideal for main backgrounds, strong typography, or foundational elements.

secondary

Dark Cyan (#4F6F6F) offers a versatile secondary, great for content blocks, navigation, or subtle dividers.

accent

Light Cyan (#AFFFFF) provides a crisp, refreshing accent, perfect for hover states, interactive elements, or highlighting key information.

background

Cadet Blue (#6F8F8F) can serve as a calming, spacious background, offering a lighter base for content while maintaining the cool mood.

text

On dark backgrounds, use #AFFFFF or white. On lighter backgrounds like #AFFFFF, use #2F4F4F or a deep charcoal for optimal readability.

Accessibility notes

  • Ensure text in #AFFFFF has sufficient contrast against background colors like #8FBFBF; a darker text color (e.g., #2F4F4F) is often needed.
  • The deep #2F4F4F provides excellent contrast for light text, ensuring WCAG AA compliance.
  • Avoid using #6F8F8F for small text on #4F6F6F without careful contrast checking; prefer a more distinct contrast.
  • For body text on lighter backgrounds, a robust dark grey (e.g., #333333) or #2F4F4F is recommended to maintain legibility.

Recommended combinations

Icy Depths

Creates a deep, serene look, perfect for hero sections with strong headings and bright, clean accents.

#2F4F4F · #4F6F6F · #AFFFFF

Frozen Gradient

Excellent for subtle background gradients or layered UI elements, offering a smooth, icy transition.

#6F8F8F · #8FBFBF · #AFFFFF

Clear Frost

Suitable for very light, minimalist interfaces, using the lightest shade as background with darker shades for text and structure.

#AFFFFF · #2F4F4F · #4F6F6F

CSS variables

:root {
  --winter-twilight-lake-3-1: #2F4F4F;
  --winter-twilight-lake-3-2: #4F6F6F;
  --winter-twilight-lake-3-3: #6F8F8F;
  --winter-twilight-lake-3-4: #8FBFBF;
  --winter-twilight-lake-3-5: #AFFFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "winter-twilight-lake-3": {
        1: "#2F4F4F",
        2: "#4F6F6F",
        3: "#6F8F8F",
        4: "#8FBFBF",
        5: "#AFFFFF",
      }
    }
  }
}

Related searches

monochromatic cool paletteicy blue green colorswinter serene color schememinimalist frozen lake UIcalm blue green web design

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#4F6F6F
·
Color 3#6F8F8F
·
Color 4#8FBFBF
·
Color 5#AFFFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.6:1Fail
4.4:1AA18
7.9:1AAA
2
1.6:1Fail
1.6:1Fail
2.7:1Fail
4.8:1AA
3
2.6:1Fail
1.6:1Fail
1.7:1Fail
3.1:1AA18
4
4.4:1AA18
2.7:1Fail
1.7:1Fail
1.8:1Fail
5
7.9:1AAA
4.8:1AA
3.1:1AA18
1.8:1Fail

Similar palettes

More like Winter Twilight Lake

View all cool
Arctic Dawn Light
Arctic Glacier Chill
Arctic Whisper
Frosted Lakeside Calm
Frosted Winter Lake
Frosty Morning Lake