Back to palettes

Palette

Alpine Lake Shimmer

Clear, crisp blues and greens reflecting the serene and untouched beauty of an alpine 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

#1A4E5C#3F7A8D#6AB3C7#A0DFEF#0F2D36

Palette guide

How to use Alpine Lake Shimmer

Overview

The Alpine Lake Shimmer palette (version 2) captures the clear, crisp blues and greens reflecting the serene, untouched beauty of an alpine lake. It features a stunning progression from the profound forest green-blue of #0F2D36 and the deep #1A4E5C, through the rich #3F7A8D and the clear aqua #6AB3C7. The lightest, most ethereal tone, #A0DFEF, evokes 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-conscious brands, luxury resorts, or serene digital environments.

Best used for

  • Eco-tourism and nature conservation websites
  • Luxury resort or spa branding
  • Clean, minimalist app interfaces
  • Outdoor equipment marketing
  • Nature photography portfolios
  • Sustainable living platforms

Suggested color roles

primary

Use #0F2D36 as the deepest, grounding blue-green for primary content, conveying depth and natural stability.

secondary

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

accent

Employ #6AB3C7 as a clear, refreshing highlight for subtle accents or interactive elements.

background

Utilize #A0DFEF as a light, airy, cool base, creating a sense of spaciousness and tranquility.

text

Set body text in #0F2D36, the darkest color, for optimal readability on light backgrounds like #A0DFEF.

Accessibility notes

  • Text in #0F2D36 on #A0DFEF background offers excellent contrast, ensuring readability for all users.
  • Avoid using #A0DFEF for small text on #6AB3C7 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 Water Depths

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

#0F2D36 · #1A4E5C · #3F7A8D

Shimmering Surface

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

#A0DFEF · #6AB3C7 · #3F7A8D

Aqua Clarity

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

#1A4E5C · #6AB3C7 · #A0DFEF

CSS variables

:root {
  --alpine-lake-shimmer-2-1: #1A4E5C;
  --alpine-lake-shimmer-2-2: #3F7A8D;
  --alpine-lake-shimmer-2-3: #6AB3C7;
  --alpine-lake-shimmer-2-4: #A0DFEF;
  --alpine-lake-shimmer-2-5: #0F2D36;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "alpine-lake-shimmer-2": {
        1: "#1A4E5C",
        2: "#3F7A8D",
        3: "#6AB3C7",
        4: "#A0DFEF",
        5: "#0F2D36",
      }
    }
  }
}

Related searches

deep aqua green paletteserene lake shimmercalm water reflectionuntouched nature colorscool blue green gradient

Palette colors

Hex values

Color 1#1A4E5C
·
Color 2#3F7A8D
·
Color 3#6AB3C7
·
Color 4#A0DFEF
·
Color 5#0F2D36
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.9:1AA18
6.2:1AA
1.6:1Fail
2
1.9:1Fail
2:1Fail
3.3:1AA18
3:1AA18
3
3.9:1AA18
2:1Fail
1.6:1Fail
6.1:1AA
4
6.2:1AA
3.3:1AA18
1.6:1Fail
9.9:1AAA
5
1.6:1Fail
3:1AA18
6.1:1AA
9.9:1AAA

Similar palettes

More like Alpine Lake Shimmer

View all cool