Winter Lake
#5c97cf
Cool, softer lake-blue for calm section backgrounds
About Winter Lake
Winter Lake looks like a bright slice of cold water held up to daylight. It's notably lighter than Canadian Tuxedo, but it doesn't feel washed like Windstorm can when the rest of the UI is already pale. The undertone leans crisp and cool, and the saturation stays controlled, so it reads clean instead of busy.
I use this for dashboards and finance apps where you need a primary accent that feels decisive without the heavier, more anchor-like presence of Blue Bay. It also works well in health and workflow products for link highlights, focus rings, and chart selections, especially when you want the one you reach for that feels "fresh" rather than reserved. Pair it with true white and soft grays for a sharp UI state that doesn't creep toward teal.
Quirk: because it's lighter, it can lose edge against very bright backgrounds. If you're building dense data screens, give it a little spacing or a darker adjacent tone so the selection stays obvious.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.