Back to palettes

Palette

Lake Serene

Tranquil blues and greens echoing the serene depths and reflective surface of a pristine mountain lake.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#008080#4682B4#6A5ACD#2E8B57#708090

Palette guide

How to use Lake Serene

Overview

The Lake Serene palette evokes the tranquil blues and greens echoing the serene depths and reflective surface of a pristine mountain lake. This harmonious collection features deep teal #008080, a steady blue #4682B4, a calming violet-blue #6A5ACD, a vibrant forest green #2E8B57, and a grounding grey-blue #708090. It's an ideal choice for designers aiming to convey natural beauty, peace, and a sense of depth. Perfect for environmental organizations, outdoor adventure brands, or wellness platforms, Lake Serene offers a balanced and sophisticated array of colors that inspire calm and connection to nature, suitable for both digital and print applications.

Best used for

  • Environmental and conservation initiatives
  • Outdoor adventure and travel branding
  • Wellness and meditation app interfaces
  • Nature photography showcases
  • Educational materials about ecosystems
  • Sustainable product packaging

Suggested color roles

primary

Use #008080 as a strong primary for main navigation or key headers, establishing a deep, trustworthy foundation.

secondary

Apply #4682B4 for subheadings, secondary content, or graphical elements, offering a harmonious blue complement.

accent

Utilize #6A5ACD as a unique accent for interactive elements or highlights, providing a touch of sophisticated violet-blue.

background

Employ #708090 for subtle backgrounds or as a base for textures, offering a neutral, grounding grey-blue.

text

For primary body text, a dark charcoal or black offers excellent contrast on lighter backgrounds. On darker shades like #008080 or #4682B4, white text is ideal.

Accessibility notes

  • Ensure sufficient contrast between #008080 and white or very light grey text for readability.
  • Be mindful of contrast when pairing #708090 with other mid-tones; use darker text for clarity.
  • Consider using #2E8B57 for interactive elements to provide a distinct visual cue on neutral backgrounds.
  • Test all color combinations for text and interactive elements to meet WCAG AA standards, especially for people with color vision deficiencies.

Recommended combinations

Mountain Depths

Creates a grounded, professional feel; suitable for corporate branding or serious content.

#008080 · #4682B4 · #708090

Forest Lake

Evokes a natural, refreshing vibe; excellent for eco-friendly brands or outdoor-themed designs.

#2E8B57 · #008080 · #4682B4

Calm Reflection

Offers a sophisticated and calming blend; perfect for introspective or high-end wellness applications.

#6A5ACD · #708090 · #4682B4

CSS variables

:root {
  --lake-serene-1: #008080;
  --lake-serene-2: #4682B4;
  --lake-serene-3: #6A5ACD;
  --lake-serene-4: #2E8B57;
  --lake-serene-5: #708090;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lake-serene": {
        1: "#008080",
        2: "#4682B4",
        3: "#6A5ACD",
        4: "#2E8B57",
        5: "#708090",
      }
    }
  }
}

Related searches

mountain lake color paletteserene blue green schemenature inspired branding colorscalm web design tonesteal and indigo palette

Palette colors

Hex values

Color 1#008080
·
Color 2#4682B4
·
Color 3#6A5ACD
·
Color 4#2E8B57
·
Color 5#708090
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.1:1Fail
1.1:1Fail
1.2:1Fail
2
1.2:1Fail
1.3:1Fail
1:1Fail
1:1Fail
3
1.1:1Fail
1.3:1Fail
1.3:1Fail
1.3:1Fail
4
1.1:1Fail
1:1Fail
1.3:1Fail
1:1Fail
5
1.2:1Fail
1:1Fail
1.3:1Fail
1:1Fail

Similar palettes

More like Lake Serene

View all cool
Agate Grotto
Alpine Lake Serene
Alpine Lake Serene
Alpine Lake Shimmer
Calm Lake Reflections
Dawn Lake Whisper