Palette

Alpine Lake Dawn

Calm and tranquil blues mirroring the still waters of a mountain lake reflecting the first light.

CoolCalm5 colors

More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#90CAF9#42A5F5#1976D2#0D47A1#001F3F

Palette guide

How to use Alpine Lake Dawn

Overview

The Alpine Lake Dawn palette beautifully mirrors the tranquil blues of a mountain lake reflecting the first light of day. It presents a serene gradient, beginning with the deep, almost navy #001F3F and progressing through the rich #0D47A1 and vibrant #1976D2. Lighter, more airy blues like #42A5F5 and the soft #90CAF9 complete the spectrum, evoking the sky's reflection on calm waters. This sophisticated palette is perfect for designers and developers aiming to create a sense of calm, depth, and professionalism. It's exceptionally versatile for corporate branding, educational platforms, or any digital interface seeking a trustworthy and serene aesthetic.

Best used for

Corporate and professional websites
Educational institution branding
Financial services interfaces
Serene digital dashboards
Nature-inspired photography themes
Luxury travel and tourism marketing

Suggested color roles

primary

Use #0D47A1 as a deep, authoritative blue for primary content and core branding, conveying trust.

secondary

Apply #1976D2 as a vibrant, versatile mid-blue for secondary information or interactive states, adding energy.

accent

Employ #90CAF9 as a light, refreshing highlight for subtle accents, icons, or hover effects.

background

Utilize #90CAF9 as a soft, airy base, providing a gentle canvas that allows deeper blues to shine.

text

Set body text in #001F3F, the deepest blue, for excellent readability on light backgrounds like #90CAF9.

Accessibility notes

Text in #001F3F on #90CAF9 background provides strong contrast, ensuring readability for most users.
Ensure #1976D2 or #0D47A1 text on #42A5F5 background meets contrast guidelines for legibility.
Use the darker blues for crucial information and interactive elements to maintain visual hierarchy.
Avoid using the lightest blue, #90CAF9, for small text against similarly light backgrounds, as contrast may be too low.

Recommended combinations

Deep Water Reflection

Creates a profound sense of depth and stability, ideal for corporate branding or primary content areas.

#001F3F · #0D47A1 · #1976D2

Morning Sky

A lighter, airy combination perfect for headers, secondary information, or subtle gradients.

#90CAF9 · #42A5F5 · #1976D2

Lake Horizon

Provides a balanced visual flow, excellent for data visualization or layered UI components.

#0D47A1 · #42A5F5 · #90CAF9

CSS variables

:root {
  --alpine-lake-dawn-1: #90CAF9;
  --alpine-lake-dawn-2: #42A5F5;
  --alpine-lake-dawn-3: #1976D2;
  --alpine-lake-dawn-4: #0D47A1;
  --alpine-lake-dawn-5: #001F3F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "alpine-lake-dawn": {
        1: "#90CAF9",
        2: "#42A5F5",
        3: "#1976D2",
        4: "#0D47A1",
        5: "#001F3F",
      }
    }
  }
}

Hex values

Color 1#90CAF9

Color 2#42A5F5

Color 3#1976D2

Color 4#0D47A1

Color 5#001F3F

Accessibility

Contrast checker

1.5:1Fail

2.6:1Fail

4.9:1AA

9.5:1AAA

1.5:1Fail

1.7:1Fail

3.3:1AA18

6.3:1AA

2.6:1Fail

1.7:1Fail

1.9:1Fail

3.6:1AA18

4.9:1AA

3.3:1AA18

1.9:1Fail

9.5:1AAA

6.3:1AA

3.6:1AA18

1.9:1Fail

Similar palettes

More like Alpine Lake Dawn

Alpine Lake Dawn

See it in context.

Ready when you are.

Built with Alpine Lake Dawn.

How to use Alpine Lake Dawn

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Deep Water Reflection

Morning Sky

Lake Horizon

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Alpine Lake Dawn