Back to palettes

Palette

Arctic Tundra Light

Pale, icy blues and cool greys capture the stark, pristine beauty of an arctic landscape under a pale sky.

coolminimal5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C9DAE0#9FB6BE#7A8D96#4E5F69#B1C2C9

Palette guide

How to use Arctic Tundra Light

Overview

The Arctic Tundra Light palette captures the stark, pristine beauty of an arctic landscape under a pale sky, offering a range of pale, icy blues and cool greys. It features a soft #C9DAE0, a balanced #9FB6BE, and a deeper #7A8D96. The palette is anchored by the robust #4E5F69, while #B1C2C9 offers another versatile mid-tone. This collection is perfect for designers and developers seeking a minimalist, sophisticated, and calming aesthetic. Its subtle variations and cool serenity make it ideal for creating clean interfaces, refined branding, or evocative content that conveys tranquility and understated elegance, with a touch of natural resilience.

Best used for

  • Corporate and professional websites
  • Minimalist web and app interfaces
  • Sustainable product branding
  • Architectural design portfolios
  • High-end photography portfolios
  • Educational and scientific platforms

Suggested color roles

primary

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

secondary

Use #7A8D96 for secondary information, subheadings, or inactive states, maintaining a harmonious flow.

accent

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

background

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

text

For optimal readability, use #4E5F69 or black for primary text on light backgrounds. For dark backgrounds, #C9DAE0 works best.

Accessibility notes

  • Ensure strong contrast between the darker shades (#4E5F69, #7A8D96) and the lightest (#C9DAE0, #B1C2C9) for all text.
  • Avoid using #9FB6BE for text against #B1C2C9 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 #4E5F69 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 light for content areas.

#4E5F69 · #7A8D96 · #C9DAE0

Pale Frost

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

#9FB6BE · #B1C2C9 · #C9DAE0

Light Contrast

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

#7A8D96 · #4E5F69 · #B1C2C9

CSS variables

:root {
  --arctic-tundra-light-1: #C9DAE0;
  --arctic-tundra-light-2: #9FB6BE;
  --arctic-tundra-light-3: #7A8D96;
  --arctic-tundra-light-4: #4E5F69;
  --arctic-tundra-light-5: #B1C2C9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-tundra-light": {
        1: "#C9DAE0",
        2: "#9FB6BE",
        3: "#7A8D96",
        4: "#4E5F69",
        5: "#B1C2C9",
      }
    }
  }
}

Related searches

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

Palette colors

Hex values

Color 1#C9DAE0
·
Color 2#9FB6BE
·
Color 3#7A8D96
·
Color 4#4E5F69
·
Color 5#B1C2C9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.4:1Fail
4.6:1AA
1.3:1Fail
2
1.5:1Fail
1.6:1Fail
3.1:1AA18
1.2:1Fail
3
2.4:1Fail
1.6:1Fail
1.9:1Fail
1.9:1Fail
4
4.6:1AA
3.1:1AA18
1.9:1Fail
3.6:1AA18
5
1.3:1Fail
1.2:1Fail
1.9:1Fail
3.6:1AA18

Similar palettes

More like Arctic Tundra Light

View all cool
Arctic Glacier Chill
Arctic Ice Drift
Cosmic Crater Moon
Frosted Winter Garden
Lunar Surface Chill
Arctic Glacier Chill