Back to palettes

Palette

Frosted Lake Reflection

Reflects the serene, glassy surface of a lake covered in a thin layer of winter frost, reflecting the sky.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frosted Lake Reflection 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 Lake Reflection.

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

Data visualization

#CCE6F0#A3D1E0#7AC0D0#51AEBF#289DAE

Palette guide

How to use Frosted Lake Reflection

Overview

The "Frosted Lake Reflection" palette captures the serene yet dynamic essence of an icy lake under a winter sky. This monochromatic blue scheme transitions beautifully from the very light #CCE6F0 to the deep, intense #289DAE. The progression through #A3D1E0, #7AC0D0, and #51AEBF offers a rich spectrum of cool, crisp blues. This palette is exceptionally versatile for designs requiring depth, clarity, and a strong sense of calm or professionalism. It's particularly effective for creating visual hierarchy through varying shades of blue, allowing elements to stand out while maintaining a cohesive and tranquil aesthetic.

Best used for

  • Corporate branding for tech or finance
  • Marine or water-themed designs
  • Professional website interfaces
  • Winter sports apparel branding
  • Data visualization dashboards
  • Architectural rendering accents

Suggested color roles

primary

#289DAE - A deep, authoritative blue, perfect for main calls-to-action, prominent headers, or foundational elements, conveying stability and trust.

secondary

#51AEBF - A vibrant mid-tone blue, excellent for subheadings, navigation links, or secondary graphical elements that require visibility.

accent

#7AC0D0 - A lighter, more playful blue that can highlight interactive elements, small icons, or specific data points, adding a touch of freshness.

background

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

text

#289DAE (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 #289DAE text and #CCE6F0 background (passes WCAG AA for large text, often for regular text).
  • Avoid using #A3D1E0 or #7AC0D0 for small text on very light backgrounds like #CCE6F0 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 #CCE6F0 if WCAG AAA compliance is required.

Recommended combinations

Deep Contrast

High-contrast pairing for clear headings, buttons, and content blocks, offering strong readability and modern appeal.

#289DAE · #CCE6F0 · #51AEBF

Gradient Flow

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

#A3D1E0 · #7AC0D0 · #51AEBF

Light & Bold

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

#CCE6F0 · #7AC0D0 · #289DAE

CSS variables

:root {
  --frosted-lake-reflection-1: #CCE6F0;
  --frosted-lake-reflection-2: #A3D1E0;
  --frosted-lake-reflection-3: #7AC0D0;
  --frosted-lake-reflection-4: #51AEBF;
  --frosted-lake-reflection-5: #289DAE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-lake-reflection": {
        1: "#CCE6F0",
        2: "#A3D1E0",
        3: "#7AC0D0",
        4: "#51AEBF",
        5: "#289DAE",
      }
    }
  }
}

Related searches

monochromatic blue paletteicy lake color schemecool professional blueswinter water designserene blue gradients

Palette colors

Hex values

Color 1#CCE6F0
·
Color 2#A3D1E0
·
Color 3#7AC0D0
·
Color 4#51AEBF
·
Color 5#289DAE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
2:1Fail
2.5:1Fail
2
1.3:1Fail
1.2:1Fail
1.6:1Fail
2:1Fail
3
1.6:1Fail
1.2:1Fail
1.3:1Fail
1.6:1Fail
4
2:1Fail
1.6:1Fail
1.3:1Fail
1.3:1Fail
5
2.5:1Fail
2:1Fail
1.6:1Fail
1.3:1Fail

Similar palettes

More like Frosted Lake Reflection

View all cool
Arctic Aurora Glow
Arctic Glacier Lagoon
Frosted Juniper Berries
Frosted Willow Pond
Frosted Winter Lake
Frozen Expanse