Back to palettes

Palette

Frozen Tundra Silence

Reflects the silent, expansive beauty of a frozen tundra, cold yet captivating.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A7CADF#C1DDF0#E0ECF5#7A9CAE#B4C5CF

Palette guide

How to use Frozen Tundra Silence

Overview

The "Frozen Tundra Silence" palette offers a serene and expansive cool aesthetic, perfect for evoking calm and understated elegance. With its primary blue-grey #A7CADF and lighter #C1DDF0, it creates a sense of depth and tranquility. The very light #E0ECF5 serves as a crisp, almost icy background, while deeper tones like #7A9CAE and the subtle #B4C5CF add grounding and subtle contrast. This palette is ideal for designers and developers crafting minimalist, clean, and professional aesthetics, providing a peaceful visual experience without being stark or overtly cold. It's excellent for communicating serenity and reliability.

Best used for

  • Spa and wellness brand identities
  • Winter-themed product packaging
  • Minimalist web design or UI
  • Eco-friendly or sustainable brand visuals
  • Architectural rendering backgrounds
  • Relaxation app interfaces

Suggested color roles

primary

#A7CADF - A soft, cool blue-grey, excellent for main content blocks, headers, or primary branding elements, conveying stability and calm.

secondary

#C1DDF0 - A lighter, airy blue, perfect for secondary navigation, subtle buttons, or complementary graphic elements, adding a gentle lift.

accent

#7A9CAE - A deeper, muted teal-grey, providing a sophisticated accent for interactive states, icons, or important callouts, offering subtle contrast.

background

#E0ECF5 - A very light, almost white blue, serving as a clean, expansive canvas for content, promoting readability and a fresh feel.

text

#B4C5CF - A mid-tone grey-blue, suitable for secondary text, captions, or as a softer alternative to black on light backgrounds. For body text on #E0ECF5, consider a dark charcoal.

Accessibility notes

  • Ensure sufficient contrast between #7A9CAE and #E0ECF5 for text, aiming for WCAG AA or AAA compliance.
  • Avoid placing #C1DDF0 text directly on #E0ECF5 backgrounds as contrast might be too low for readability.
  • Use a darker text color (like charcoal or black) for body text on the lighter backgrounds such as #E0ECF5.
  • Interactive elements using #A7CADF or #B4C5CF should have adequate contrast against their surrounding elements for clear visibility.

Recommended combinations

Arctic Calm

Ideal for clean, professional website layouts where #E0ECF5 is the background, #A7CADF for main sections, and #7A9CAE for accents or headings.

#E0ECF5 · #A7CADF · #7A9CAE

Frosty Layers

Creates a subtle, layered effect for infographics or data visualizations, using the subtle shifts in tone for distinct sections.

#C1DDF0 · #B4C5CF · #A7CADF

Winter Horizon

Suitable for print materials or branding, where #E0ECF5 provides a crisp base, #7A9CAE grounds the design, and #B4C5CF adds delicate detail.

#E0ECF5 · #7A9CAE · #B4C5CF

CSS variables

:root {
  --frozen-tundra-silence-1: #A7CADF;
  --frozen-tundra-silence-2: #C1DDF0;
  --frozen-tundra-silence-3: #E0ECF5;
  --frozen-tundra-silence-4: #7A9CAE;
  --frozen-tundra-silence-5: #B4C5CF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frozen-tundra-silence": {
        1: "#A7CADF",
        2: "#C1DDF0",
        3: "#E0ECF5",
        4: "#7A9CAE",
        5: "#B4C5CF",
      }
    }
  }
}

Related searches

cool blue grey color schemesminimalist calm palettewinter serenity colorsmuted cool tones for designarctic inspired color scheme

Palette colors

Hex values

Color 1#A7CADF
·
Color 2#C1DDF0
·
Color 3#E0ECF5
·
Color 4#7A9CAE
·
Color 5#B4C5CF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.4:1Fail
1.7:1Fail
1:1Fail
2
1.2:1Fail
1.2:1Fail
2.1:1Fail
1.3:1Fail
3
1.4:1Fail
1.2:1Fail
2.4:1Fail
1.5:1Fail
4
1.7:1Fail
2.1:1Fail
2.4:1Fail
1.6:1Fail
5
1:1Fail
1.3:1Fail
1.5:1Fail
1.6:1Fail

Similar palettes

More like Frozen Tundra Silence

View all cool
Arctic Serenity Drift
Winter Glacier Bloom
Arctic Glacier Chill
Arctic Glacier Edge
Arctic Glacier Melt
Arctic Ice Shelf