Palette

Frozen Tundra Vista

The serene, deep blues and crisp whites of an icy tundra, under a vast, chilly sky.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frozen Tundra Vista 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 Frozen Tundra Vista.

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

Data visualization

#ADD8E6#87CEEB#6495ED#4169E1#191970

Palette guide

How to use Frozen Tundra Vista

Overview

The "Frozen Tundra Vista" palette offers a refreshing journey through the blues of an icy landscape, ranging from the light and airy #ADD8E6 to the profound depth of #191970. This collection of cool tones, including the vibrant #87CEEB and the strong #6495ED, is designed to evoke serenity, clarity, and a sense of vastness. It's a versatile palette for designers and developers aiming to convey trustworthiness, professionalism, or a strong connection to nature, particularly water or sky themes. The progression of blues provides excellent opportunities for gradients and visual depth.

Best used for

Outdoor adventure brand marketing
Environmental or conservation websites
Marine or aquatic-themed designs
Tech company branding (clean, reliable)
Winter sports apparel design
Travel agency promotions for cold destinations

Suggested color roles

primary

#6495ED - A strong, medium blue, highly effective for main call-to-action buttons, key headings, or brand logos, signifying stability and trust.

secondary

#87CEEB - A brighter, sky-like blue, ideal for secondary navigation, illustrations, or as a lighter complement to the primary, adding lightness.

accent

#191970 - A very deep, almost navy blue, providing sophisticated contrast for important icons, footers, or subtle background patterns, adding gravity.

background

#ADD8E6 - A light, refreshing blue, serving as a clean and open canvas, particularly effective for digital interfaces or airy print designs.

text

#4169E1 - A rich, royal blue, suitable for body text on very light backgrounds, or use a dark charcoal/black for maximum readability on #ADD8E6.

Accessibility notes

Ensure #191970 offers sufficient contrast when used as text on lighter shades like #ADD8E6 or #87CEEB.
Text in #4169E1 on #ADD8E6 should be checked for WCAG AA compliance, especially for smaller font sizes.
Avoid using lighter blues for text on similar light blue backgrounds to prevent readability issues.
Interactive elements like buttons should clearly stand out from their background, using colors like #6495ED or #4169E1.

Recommended combinations

Deep Ocean

Excellent for creating visual depth in web interfaces, with #ADD8E6 as background, #6495ED for primary elements, and #191970 for strong accents.

#ADD8E6 · #6495ED · #191970

Sky & Ice

Perfect for a light, airy design, using #ADD8E6 as base, #87CEEB for secondary content, and #4169E1 for emphasis.

#ADD8E6 · #87CEEB · #4169E1

Arctic Gradient

These three colors blend beautifully for smooth vertical or horizontal gradients in banners or hero sections, mimicking sky transitions.

#87CEEB · #6495ED · #4169E1

CSS variables

:root {
  --frozen-tundra-vista-1: #ADD8E6;
  --frozen-tundra-vista-2: #87CEEB;
  --frozen-tundra-vista-3: #6495ED;
  --frozen-tundra-vista-4: #4169E1;
  --frozen-tundra-vista-5: #191970;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frozen-tundra-vista": {
        1: "#ADD8E6",
        2: "#87CEEB",
        3: "#6495ED",
        4: "#4169E1",
        5: "#191970",
      }
    }
  }
}

Hex values

Color 1#ADD8E6

Color 2#87CEEB

Color 3#6495ED

Color 4#4169E1

Color 5#191970

Accessibility

Contrast checker

1.1:1Fail

1.9:1Fail

3.2:1AA18

9.7:1AAA

1.1:1Fail

1.7:1Fail

2.8:1Fail

8.5:1AAA

1.9:1Fail

1.7:1Fail

1.6:1Fail

5:1AA

3.2:1AA18

2.8:1Fail

1.6:1Fail

3.1:1AA18

9.7:1AAA

8.5:1AAA

5:1AA

3.1:1AA18

Similar palettes

More like Frozen Tundra Vista

Arctic Shoreline Chill

Arctic Shoreline Frost