Back to palettes

Palette

Arctic Tundra Bloom

A collection of muted blues and greys, evoking the stark beauty of a frozen landscape under a pale sky.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6C919D#A2B9BD#D4DFE0#E9ECF0#3C5C64

Palette guide

How to use Arctic Tundra Bloom

Overview

The Arctic Tundra Bloom palette offers a collection of muted blues and greys, evoking the stark beauty of a frozen landscape under a pale sky. It features a grounding #6C919D, a softer #A2B9BD, and the very light #D4DFE0. A pure, almost-white #E9ECF0 brightens the palette, while a deep #3C5C64 provides a strong anchor. This palette is perfect for designers and developers seeking a clean, calm, and sophisticated aesthetic. Its subtle variations and cool serenity make it ideal for creating minimalist interfaces, refined branding, or evocative content that conveys tranquility and understated elegance, with a hint of natural resilience.

Best used for

  • Environmental non-profit websites
  • Minimalist web and app interfaces
  • Sustainable product branding
  • Nature photography portfolios
  • Winter fashion lookbooks
  • Educational and scientific platforms

Suggested color roles

primary

The deep #3C5C64 serves as a strong primary for foundational elements, headings, or important calls-to-action, providing necessary depth.

secondary

Use #6C919D for secondary information, subheadings, or inactive states, maintaining a harmonious flow.

accent

The lightest shade, #E9ECF0, can act as a clean accent for interactive elements or delicate highlights, maintaining luminosity.

background

Employ #E9ECF0 as a pristine, expansive background, creating an open, airy, and inviting canvas.

text

For optimal readability, use #3C5C64 or black for primary text on light backgrounds. For dark backgrounds, #E9ECF0 works best.

Accessibility notes

  • Ensure strong contrast between the darker shades (#3C5C64, #6C919D) and the lightest (#D4DFE0, #E9ECF0) for all text.
  • Avoid using #A2B9BD for text against #D4DFE0 due to insufficient contrast for WCAG AA compliance.
  • Verify that all interactive elements have clear visual indicators for focus and hover states beyond color alone.
  • Consider using #3C5C64 or black for all critical information to ensure maximum legibility across diverse viewing conditions.

Recommended combinations

Tundra Layers

Excellent for clean layouts, using the deep blue-grey for headings/buttons and the lightest for content areas.

#3C5C64 · #6C919D · #E9ECF0

Frosted Bloom

Ideal for subtle background textures, layered cards, or soft gradients that need to feel clean and airy.

#A2B9BD · #D4DFE0 · #E9ECF0

Muted Contrast

Use for professional reports or dashboards, where clarity and a calm, authoritative tone are important.

#6C919D · #A2B9BD · #3C5C64

CSS variables

:root {
  --arctic-tundra-bloom-2-1: #6C919D;
  --arctic-tundra-bloom-2-2: #A2B9BD;
  --arctic-tundra-bloom-2-3: #D4DFE0;
  --arctic-tundra-bloom-2-4: #E9ECF0;
  --arctic-tundra-bloom-2-5: #3C5C64;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-tundra-bloom-2": {
        1: "#6C919D",
        2: "#A2B9BD",
        3: "#D4DFE0",
        4: "#E9ECF0",
        5: "#3C5C64",
      }
    }
  }
}

Related searches

muted blue grey palettearctic landscape colorsminimalist cool tonesunderstated UI designwinter nature branding

Palette colors

Hex values

Color 1#6C919D
·
Color 2#A2B9BD
·
Color 3#D4DFE0
·
Color 4#E9ECF0
·
Color 5#3C5C64
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.5:1Fail
2.9:1Fail
2.1:1Fail
2
1.7:1Fail
1.5:1Fail
1.7:1Fail
3.5:1AA18
3
2.5:1Fail
1.5:1Fail
1.1:1Fail
5.3:1AA
4
2.9:1Fail
1.7:1Fail
1.1:1Fail
6.1:1AA
5
2.1:1Fail
3.5:1AA18
5.3:1AA
6.1:1AA

Similar palettes

More like Arctic Tundra Bloom

View all cool
Arctic Explorer's Dream
Arctic Whisper
Frost Berry Chill
Frost Branch Serene
Frosted Alpine Peak
Frosted Lakeside Calm