Back to palettes

Palette

Deep Arctic Lake

Icy blues and deep depths capture the cold, pristine clarity of a remote arctic lake.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#001F3F#0074D9#7FDBFF#C0E6FA#ADD8E6

Palette guide

How to use Deep Arctic Lake

Overview

The Deep Arctic Lake palette encapsulates the pristine clarity and icy depths of a remote arctic lake, offering a range of cool, refreshing blues. From the profound #001F3F to the shimmering #C0E6FA, with the vibrant #0074D9, this collection provides a clean and serene aesthetic. Designers can create calming digital experiences or impactful environmental branding, while developers can utilize its consistent blue progression for intuitive navigation and visual harmony. This palette is ideal for projects that require a sense of tranquility, purity, and cool professionalism.

Best used for

  • Environmental non-profit websites
  • Water conservation campaigns
  • Clean tech product interfaces
  • Educational platforms (science/nature)
  • Serene meditation apps
  • Winter sports branding

Suggested color roles

primary

Use #001F3F as a deep, foundational blue for robust branding, main headers, or immersive backgrounds.

secondary

Apply #0074D9 for supporting content, navigation, or interactive elements, providing a clear, bright contrast.

accent

Highlight key information or calls to action with #7FDBFF, drawing attention with its light, crisp hue.

background

The soft #C0E6FA or #ADD8E6 offers a clean, expansive backdrop, ideal for readability and a fresh feel.

text

On light backgrounds, #001F3F provides excellent legibility. For dark backgrounds, white or a very light gray ensures clarity.

Accessibility notes

  • Ensure sufficient contrast for text on mid-tone blues like #0074D9 and #ADD8E6.
  • Verify that lighter blues like #7FDBFF and #C0E6FA provide adequate contrast for any overlaying elements.
  • Use #001F3F for primary text on light backgrounds to meet WCAG AA standards.
  • Interactive elements should have distinct visual states, especially when using similar blue tones.

Recommended combinations

Lake Depths

Creates a profound and layered effect, suitable for headers or sections requiring depth.

#001F3F · #0074D9 · #ADD8E6

Surface Shimmer

Perfect for light, airy sections, gradients, or elements that need to feel fresh and open.

#7FDBFF · #C0E6FA · #0074D9

Clean Water

Provides a balanced contrast for main content, combining a light background with strong text and a vibrant accent.

#ADD8E6 · #001F3F · #7FDBFF

CSS variables

:root {
  --deep-arctic-lake-1: #001F3F;
  --deep-arctic-lake-2: #0074D9;
  --deep-arctic-lake-3: #7FDBFF;
  --deep-arctic-lake-4: #C0E6FA;
  --deep-arctic-lake-5: #ADD8E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-arctic-lake": {
        1: "#001F3F",
        2: "#0074D9",
        3: "#7FDBFF",
        4: "#C0E6FA",
        5: "#ADD8E6",
      }
    }
  }
}

Related searches

arctic lake color palettedeep blue water hexcool serene bluespristine blue schemeclean tech colors

Palette colors

Hex values

Color 1#001F3F
·
Color 2#0074D9
·
Color 3#7FDBFF
·
Color 4#C0E6FA
·
Color 5#ADD8E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.5:1AA18
10.6:1AAA
12.6:1AAA
10.8:1AAA
2
3.5:1AA18
3:1Fail
3.5:1AA18
3.1:1AA18
3
10.6:1AAA
3:1Fail
1.2:1Fail
1:1Fail
4
12.6:1AAA
3.5:1AA18
1.2:1Fail
1.2:1Fail
5
10.8:1AAA
3.1:1AA18
1:1Fail
1.2:1Fail

Similar palettes

More like Deep Arctic Lake

View all cool
Arctic Glacier Chill
Arctic Glacier Lagoon
Arctic Glacier Melt
Arctic Iceberg Bloom
Arctic Ocean
Frozen Crystal Grotto