Back to palettes

Palette

Hushed Lake Surface

Tranquil blues and grays reflecting the still, quiet surface of a mountain lake.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Hushed Lake Surface 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 Hushed Lake Surface.

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

Data visualization

#6A8CA6#8CAABA#AECCD4#D0E1E8#7C99B0

Palette guide

How to use Hushed Lake Surface

Overview

The 'Hushed Lake Surface' palette offers a serene collection of cool blues and sophisticated grays, evoking the tranquility of a still mountain lake. This versatile set, featuring shades like the deep #6A8CA6, the balanced #8CAABA, and the airy #D0E1E8, is ideal for creating designs that exude calm and professionalism. Designers and developers will appreciate its soft, muted quality, allowing for harmonious compositions that are both inviting and understated. The slightly darker #7C99B0 provides a subtle anchor, ensuring depth within the gentle progression of tones. This palette is perfect for projects requiring a sense of peace, clarity, and understated elegance, fostering a sense of calm in digital and print media alike.

Best used for

  • Wellness and meditation apps
  • Corporate and professional branding
  • Nature-themed websites or blogs
  • Minimalist user interfaces (UI)
  • Educational or academic platforms
  • Spa and relaxation product packaging

Suggested color roles

primary

Utilize #6A8CA6 as the dominant color for main sections or branding elements, providing a stable and professional foundation.

secondary

Employ #8CAABA for supporting elements, secondary navigation, or as a softer counterpart to the primary, maintaining harmony.

accent

Apply #AECCD4 for subtle accents, interactive states like hovers, or to draw gentle attention without overpowering the serene mood.

background

Use the very light #D0E1E8 as a clean, airy background, ensuring spaciousness and readability across the design.

text

For body text, use #7C99B0 against lighter backgrounds like #D0E1E8 for good readability, or a dark charcoal for maximum contrast.

Accessibility notes

  • Ensure sufficient contrast between #7C99B0 text and #D0E1E8 backgrounds for WCAG AA compliance.
  • When using #AECCD4 for interactive elements, verify its contrast against adjacent colors for clarity.
  • Avoid using lighter shades like #AECCD4 or #D0E1E8 for small or critical text elements.
  • Consider using a true dark gray or black for primary text if #7C99B0 doesn't meet specific accessibility needs on very light backgrounds.

Recommended combinations

Calm Read

Ideal for readable body text on a clean, light background in articles or documentation.

#7C99B0 · #D0E1E8 · #6A8CA6

Header Focus

Effective for prominent headings or call-to-action buttons against a neutral background.

#6A8CA6 · #AECCD4 · #8CAABA

Subtle Depth

Creates a layered effect for UI cards or sections, offering visual separation without harshness.

#8CAABA · #6A8CA6 · #7C99B0

CSS variables

:root {
  --hushed-lake-surface-1: #6A8CA6;
  --hushed-lake-surface-2: #8CAABA;
  --hushed-lake-surface-3: #AECCD4;
  --hushed-lake-surface-4: #D0E1E8;
  --hushed-lake-surface-5: #7C99B0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "hushed-lake-surface": {
        1: "#6A8CA6",
        2: "#8CAABA",
        3: "#AECCD4",
        4: "#D0E1E8",
        5: "#7C99B0",
      }
    }
  }
}

Related searches

calm blue gray paletteserene UI colorslake inspired color schemecool toned branding colorsminimalist design palette

Palette colors

Hex values

Color 1#6A8CA6
·
Color 2#8CAABA
·
Color 3#AECCD4
·
Color 4#D0E1E8
·
Color 5#7C99B0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
2.6:1Fail
1.2:1Fail
2
1.4:1Fail
1.4:1Fail
1.8:1Fail
1.2:1Fail
3
2.1:1Fail
1.4:1Fail
1.3:1Fail
1.8:1Fail
4
2.6:1Fail
1.8:1Fail
1.3:1Fail
2.2:1Fail
5
1.2:1Fail
1.2:1Fail
1.8:1Fail
2.2:1Fail

Similar palettes

More like Hushed Lake Surface

View all cool
Calm Lake Reflections
Gentle Rain Shower
Serene Lakeside Calm
Aegean Sea Serene
Agate Grotto
Alpine Lake Serene