Back to palettes

Palette

Frosted Lakeside Calm

Cool, serene blues and whites reflecting the quiet beauty of a frozen lake under a winter sky.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frosted Lakeside Calm 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 Frosted Lakeside Calm.

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

Data visualization

#B0D7E4#8EC2D8#5A9BB3#2B6F8E#0E4765

Palette guide

How to use Frosted Lakeside Calm

Overview

The "Frosted Lakeside Calm" palette embodies the serene, hushed beauty of a winter lake under a cool sky. This deep and expansive blue gradient moves from the soft, ethereal #B0D7E4 to the profoundly dark #0E4765. Intermediate shades like #8EC2D8, #5A9BB3, and #2B6F8E provide a rich, cohesive spectrum, allowing for sophisticated depth and visual hierarchy. This palette is exceptionally well-suited for designs that aim to convey reliability, tranquility, and professionalism. It offers a strong sense of calm and stability, making it ideal for corporate, environmental, or contemplative applications where a robust yet serene aesthetic is desired.

Best used for

  • Corporate and financial services branding
  • Environmental conservation initiatives
  • Educational institution websites
  • Winter travel and tourism promotions
  • Serene digital dashboards
  • Luxury maritime product design

Suggested color roles

primary

#0E4765 - A very deep, commanding blue, perfect for primary calls-to-action, prominent headers, or foundational elements, conveying authority and depth.

secondary

#2B6F8E - A robust mid-tone blue, excellent for subheadings, navigation links, or secondary graphical elements that need to stand out clearly.

accent

#5A9BB3 - A slightly lighter, more vibrant blue that can highlight interactive elements, small icons, or specific data points, adding a touch of clarity.

background

#B0D7E4 - A very light, airy blue that provides a clean, expansive canvas, ensuring high readability and a sense of openness.

text

#0E4765 (or a dark charcoal like #333333 for improved contrast on lighter backgrounds) - Use the deepest blue for headings and crucial text, ensuring good readability.

Accessibility notes

  • Ensure sufficient contrast between #0E4765 text and #B0D7E4 background (passes WCAG AA for regular text, often AAA for large text).
  • Avoid using #8EC2D8 or #5A9BB3 for small text on very light backgrounds like #B0D7E4 without checking contrast ratios.
  • For interactive elements, ensure hover/focus states provide clear visual distinction.
  • Consider using a darker text color (e.g., black or very dark gray) for body text on #B0D7E4 if WCAG AAA compliance is required.

Recommended combinations

Deep Clarity

High-contrast pairing for clear headings, buttons, and content blocks, offering strong readability and a professional look.

#0E4765 · #B0D7E4 · #2B6F8E

Layered Serenity

Creates a smooth, cohesive gradient effect for backgrounds, hero sections, or layered graphical elements, evoking depth.

#8EC2D8 · #5A9BB3 · #2B6F8E

Light & Grounded

A light base with a clear accent and deep grounding color, ideal for clean UI and highlighted information.

#B0D7E4 · #5A9BB3 · #0E4765

CSS variables

:root {
  --frosted-lakeside-calm-1: #B0D7E4;
  --frosted-lakeside-calm-2: #8EC2D8;
  --frosted-lakeside-calm-3: #5A9BB3;
  --frosted-lakeside-calm-4: #2B6F8E;
  --frosted-lakeside-calm-5: #0E4765;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-lakeside-calm": {
        1: "#B0D7E4",
        2: "#8EC2D8",
        3: "#5A9BB3",
        4: "#2B6F8E",
        5: "#0E4765",
      }
    }
  }
}

Related searches

deep blue winter paletteserene cool blue designlakeside calm color schemeprofessional blue gradientice blue corporate colors

Palette colors

Hex values

Color 1#B0D7E4
·
Color 2#8EC2D8
·
Color 3#5A9BB3
·
Color 4#2B6F8E
·
Color 5#0E4765
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2:1Fail
3.6:1AA18
6.5:1AA
2
1.3:1Fail
1.6:1Fail
2.9:1Fail
5.2:1AA
3
2:1Fail
1.6:1Fail
1.8:1Fail
3.2:1AA18
4
3.6:1AA18
2.9:1Fail
1.8:1Fail
1.8:1Fail
5
6.5:1AA
5.2:1AA
3.2:1AA18
1.8:1Fail

Similar palettes

More like Frosted Lakeside Calm

View all cool
Frozen Lake Shimmer
Frozen River Glaze
Arctic Dawn Light
Arctic Glacier Chill
Arctic Lake Glass
Arctic Whisper