Back to palettes

Palette

Alpine Lake Shimmer

Crisp, refreshing blues and greens evoking the clear, tranquil waters 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 Alpine Lake Shimmer 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 Alpine Lake Shimmer.

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

Data visualization

#306C6A#5D9EA6#A6DCEB#EBF8F5#1B4F4E

Palette guide

How to use Alpine Lake Shimmer

Overview

The Alpine Lake Shimmer palette (version 1) captures the crisp, refreshing blues and greens that evoke the clear, tranquil waters of a mountain lake. It features a beautiful progression from the deep teal of #1B4F4E and the rich #306C6A, through the vibrant #5D9EA6 and the airy #A6DCEB. The lightest, almost pure white tone, #EBF8F5, represents shimmering surface reflections. This sophisticated palette is ideal for designers and developers seeking a calm, refreshing, and natural aesthetic. It's perfectly suited for projects requiring a sense of peace, clarity, and understated elegance, such as eco-tourism, wellness brands, or serene digital environments.

Best used for

  • Eco-tourism and outdoor adventure websites
  • Wellness and meditation apps
  • Sustainable product packaging
  • Clean, minimalist UI designs
  • Nature photography portfolios
  • Spa and resort branding

Suggested color roles

primary

Use #1B4F4E as the deepest, grounding teal for primary content, conveying depth and tranquility.

secondary

Apply #306C6A as a rich, versatile dark teal for secondary elements, adding sophistication and calm.

accent

Employ #5D9EA6 as a clear, refreshing highlight for subtle accents or interactive elements.

background

Utilize #EBF8F5 as a pristine, airy, cool base, creating a sense of spaciousness and calm.

text

Set body text in #1B4F4E, the darkest color, for optimal readability on light backgrounds like #EBF8F5.

Accessibility notes

  • Text in #1B4F4E on #EBF8F5 background offers excellent contrast, ensuring readability for all users.
  • Avoid using #A6DCEB for small text on #5D9EA6 background due to low contrast, impacting legibility.
  • Ensure interactive elements have distinct visual cues in addition to color to aid navigation and usability.
  • Use the darker colors for headings and calls-to-action to ensure maximum legibility and visual impact.

Recommended combinations

Deep Lake Bed

Creates a profound, layered depth, ideal for primary content blocks, footers, or atmospheric backgrounds.

#1B4F4E · #306C6A · #5D9EA6

Water Surface

A light, ethereal combination perfect for headers, subtle gradients, or decorative elements.

#EBF8F5 · #A6DCEB · #5D9EA6

Aqua Clarity

Provides a balanced, natural flow, suitable for data visualization or layered UI components.

#306C6A · #A6DCEB · #1B4F4E

CSS variables

:root {
  --alpine-lake-shimmer-1: #306C6A;
  --alpine-lake-shimmer-2: #5D9EA6;
  --alpine-lake-shimmer-3: #A6DCEB;
  --alpine-lake-shimmer-4: #EBF8F5;
  --alpine-lake-shimmer-5: #1B4F4E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "alpine-lake-shimmer": {
        1: "#306C6A",
        2: "#5D9EA6",
        3: "#A6DCEB",
        4: "#EBF8F5",
        5: "#1B4F4E",
      }
    }
  }
}

Related searches

cool teal aqua paletteserene lake colorscalm water schemerefreshing nature palettegreen blue gradient design

Palette colors

Hex values

Color 1#306C6A
·
Color 2#5D9EA6
·
Color 3#A6DCEB
·
Color 4#EBF8F5
·
Color 5#1B4F4E
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
4:1AA18
5.5:1AA
1.5:1Fail
2
2:1Fail
2:1Fail
2.8:1Fail
3:1AA18
3
4:1AA18
2:1Fail
1.4:1Fail
6.2:1AA
4
5.5:1AA
2.8:1Fail
1.4:1Fail
8.5:1AAA
5
1.5:1Fail
3:1AA18
6.2:1AA
8.5:1AAA

Similar palettes

More like Alpine Lake Shimmer

View all cool
Glacial Lake Clarity
Glacial Lake Serene
Tidal Pool Glimmer
Alpine Lake Reflection
Aqua Dream Glow
Aqua Dream Shimmer