Palette

Silent Arctic Tundra

Cold, muted blues and greys reflecting the vast, silent expanses of the remote arctic tundra.

CoolMinimal5 colors

More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Silent Arctic Tundra 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 Silent Arctic Tundra.

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

Data visualization

#3C4B59#6A7B8E#9BB0C1#C7DAE9#EEF4F8

Palette guide

How to use Silent Arctic Tundra

Overview

The Silent Arctic Tundra palette captures the stark, serene beauty of a frozen landscape, featuring a cool, muted gradient of blues and greys. From the deep, anchoring #3C4B59 to the almost white #EEF4F8, with intermediate shades like #6A7B8E, #9BB0C1, and #C7DAE9, this palette evokes a sense of calm, spaciousness, and minimalism. It’s ideal for designs that require a clean, sophisticated, and understated aesthetic, perfect for technology brands, environmental projects, or interfaces where clarity and a cool, tranquil mood are paramount.

Best used for

Tech company branding and interfaces
Environmental or conservation websites
Minimalist interior design concepts
Winter-themed marketing materials
Data visualization dashboards
Modern photography portfolios

Suggested color roles

primary

Use #3C4B59 for main headings, navigation, or dark mode components, providing a strong, cool foundation.

secondary

Apply #6A7B8E or #9BB0C1 for subheadings, active states, or supporting graphics, adding depth.

accent

#C7DAE9 works beautifully for subtle highlights, background textures, or light interactive elements.

background

#EEF4F8 provides a crisp, expansive canvas, ensuring maximum readability and a fresh feel.

text

For primary text, #3C4B59 offers excellent contrast on #EEF4F8. Use #6A7B8E for secondary text or captions.

Accessibility notes

Ensure text using #6A7B8E or #9BB0C1 on #EEF4F8 meets contrast guidelines for readability.
Avoid using #C7DAE9 for text on #EEF4F8 as the contrast will be insufficient.
For dark backgrounds like #3C4B59, use #EEF4F8 or #C7DAE9 for text to ensure legibility.
Check interactive elements for clear visual feedback, especially with subtle color shifts.

Recommended combinations

Iceberg Depth

Ideal for strong branding, hero sections, or high-contrast UI elements.

#3C4B59 · #6A7B8E · #EEF4F8

Snowdrift

Perfect for light, airy backgrounds, subtle gradients, or decorative patterns.

#9BB0C1 · #C7DAE9 · #EEF4F8

Glacial Flow

Effective for layered designs, data charts, or creating a sense of cool, controlled movement.

#3C4B59 · #9BB0C1 · #6A7B8E

CSS variables

:root {
  --silent-arctic-tundra-1: #3C4B59;
  --silent-arctic-tundra-2: #6A7B8E;
  --silent-arctic-tundra-3: #9BB0C1;
  --silent-arctic-tundra-4: #C7DAE9;
  --silent-arctic-tundra-5: #EEF4F8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "silent-arctic-tundra": {
        1: "#3C4B59",
        2: "#6A7B8E",
        3: "#9BB0C1",
        4: "#C7DAE9",
        5: "#EEF4F8",
      }
    }
  }
}

Hex values

Color 1#3C4B59

Color 2#6A7B8E

Color 3#9BB0C1

Color 4#C7DAE9

Color 5#EEF4F8

Accessibility

Contrast checker

2.1:1Fail

4:1AA18

6.2:1AA

8.1:1AAA

2.1:1Fail

1.9:1Fail

3:1AA18

3.9:1AA18

4:1AA18

1.9:1Fail

1.6:1Fail

2:1Fail

6.2:1AA

3:1AA18

1.6:1Fail

1.3:1Fail

8.1:1AAA

3.9:1AA18

2:1Fail

1.3:1Fail

Similar palettes

More like Silent Arctic Tundra

View all Cool

Arctic Chill

Arctic Fox Camouflage

Frosted Juniper Berries

Glacier Ice Peaks

Abyssal Current Flow

Arctic Glacier Chill