Back to palettes

Palette

Arctic Chill

Frozen blues and icy whites portray the stark, serene beauty of arctic landscapes.

CoolMinimal5 colors
More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#003366#367588#74C5CD#B0E0E6#F0FFFF

Palette guide

How to use Arctic Chill

Overview

The Arctic Chill palette captures the stark, serene beauty of frozen arctic landscapes, presenting a range from deep, profound blues to crisp, icy whites. It features the rich, dark navy of #003366 (Dark Midnight Blue) and the cool, muted teal of #367588 (Cadet Blue), providing a strong foundation. Moving towards lighter tones, we find the bright, clear aqua of #74C5CD (Turquoise) and the soft, ethereal powder blue of #B0E0E6. The palette culminates in the almost-white hue of #F0FFFF (Azure), offering a pristine, light-filled contrast. This collection is ideal for designers aiming for a sophisticated, cool, and clean aesthetic. Developers will find these colors effective for creating professional, calming, and highly readable interfaces.

Best used for

  • Corporate and professional website designs
  • Data visualization dashboards
  • Winter-themed marketing campaigns
  • Environmental or nature conservation projects
  • Educational software interfaces
  • Clean, modern app designs

Suggested color roles

primary

Use #003366 (Dark Midnight Blue) for main headers, footers, or dominant sections to establish authority and depth.

secondary

#367588 (Cadet Blue) can be applied to secondary navigation, cards, or subtle background patterns, offering a softer blue.

accent

#74C5CD (Turquoise) is excellent for interactive elements, call-to-action buttons, or key highlights, providing a refreshing pop.

background

#F0FFFF (Azure) or #B0E0E6 (Powder Blue) serves as a clean, light background, allowing darker text and elements to stand out.

text

For text on dark backgrounds like #003366, use white or a very light gray. For text on light backgrounds, use a dark charcoal or black.

Accessibility notes

  • Ensure white text on #003366 and #367588 meets WCAG AA contrast standards; it generally does.
  • Text set in #74C5CD will require a dark background for readability or should be reserved for larger display text/icons.
  • Avoid using #B0E0E6 directly on #F0FFFF for small text or critical UI elements due to low contrast.
  • Always check the contrast between text and background, especially when pairing mid-tones.

Recommended combinations

Deep Ice

A strong, balanced combination for headers, footers, and primary interactive elements.

#003366 · #B0E0E6 · #74C5CD

Serene Waters

Offers a refreshing and calming feel, suitable for content sections and subtle highlights.

#367588 · #F0FFFF · #74C5CD

Frosted Clarity

Ideal for a clean, minimalist layout with a dark, readable text color.

#F0FFFF · #B0E0E6 · #003366

CSS variables

:root {
  --arctic-chill-1: #003366;
  --arctic-chill-2: #367588;
  --arctic-chill-3: #74C5CD;
  --arctic-chill-4: #B0E0E6;
  --arctic-chill-5: #F0FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arctic-chill": {
        1: "#003366",
        2: "#367588",
        3: "#74C5CD",
        4: "#B0E0E6",
        5: "#F0FFFF",
      }
    }
  }
}

Related searches

winter blue color palettecool professional designicy blue white schememinimalist arctic colorscorporate blue data visualization

Palette colors

Hex values

Color 1#003366
·
Color 2#367588
·
Color 3#74C5CD
·
Color 4#B0E0E6
·
Color 5#F0FFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
6.4:1AA
8.8:1AAA
12.3:1AAA
2
2.4:1Fail
2.6:1Fail
3.6:1AA18
5:1AA
3
6.4:1AA
2.6:1Fail
1.4:1Fail
1.9:1Fail
4
8.8:1AAA
3.6:1AA18
1.4:1Fail
1.4:1Fail
5
12.3:1AAA
5:1AA
1.9:1Fail
1.4:1Fail

Similar palettes

More like Arctic Chill

View all Cool
Arctic Glacier Chill
Glacier Ice Peaks
Arctic Ice Shimmer
Arctic Fox Camouflage
Cosmic Winter Chill
Frosted Juniper Berries