Palette

Nordic Winter Sky

Reflects the deep, clear blues of a Scandinavian winter sky, often glimpsed during brief daylight.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Nordic Winter Sky 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 Nordic Winter Sky.

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

Data visualization

#000080#191970#4682B4#B0C4DE#F0F8FF

Palette guide

How to use Nordic Winter Sky

Overview

The Nordic Winter Sky palette reflects the deep, clear blues of a Scandinavian winter sky, often glimpsed during brief daylight hours. This powerful collection is ideal for designers and developers seeking to convey depth, serenity, and a touch of cold elegance. It features a striking range from the profound #000080 and #191970 to the more ethereal #B0C4DE and the bright, crisp #F0F8FF. The palette's strong contrast and cool tones make it highly effective for creating impactful visual narratives, sophisticated branding, and user interfaces that demand attention while maintaining a sense of calm. It's a versatile choice for projects needing a blend of intensity and purity.

Best used for

High-end tech product branding and websites
Space and astronomy-themed digital content
Luxury travel and winter sports promotions
Educational platforms focused on science or nature
Cinematic poster design and visual storytelling
Deep mode UI designs for sophisticated applications

Suggested color roles

primary

Use #191970 as a rich, deep primary color for main sections or prominent UI elements, providing a strong, elegant foundation.

secondary

Employ #4682B4 for supporting visual elements, subheadings, or secondary calls to action, offering a versatile mid-tone.

accent

Reserve #000080 for powerful accents, critical information, or strong interactive elements, leveraging its profound depth.

background

Utilize #F0F8FF as the primary background color, offering a bright, crisp, and expansive canvas that enhances the deep blues.

text

For maximum legibility, use #000080 for all body text and headings on light backgrounds. For lighter text on dark elements, a clean white is ideal.

Accessibility notes

Ensure #000080 on #F0F8FF provides excellent contrast for all text, meeting WCAG AAA standards.
Verify that #191970 on #F0F8FF maintains strong readability for body text, typically meeting WCAG AA.
Be cautious when using #B0C4DE for small text on #F0F8FF, as contrast may be insufficient; reserve for larger titles or accents.
Interactive elements should have clearly defined hover and focus states, perhaps using #000080 for strong visual feedback.

Recommended combinations

Deep Sky

A striking header (#000080) on a bright background (#F0F8FF), with #4682B4 for supporting text or graphical elements.

#000080 · #F0F8FF · #4682B4

Winter Dawn

Ideal for content cards where #191970 provides structure, #B0C4DE offers a soft visual break, and #F0F8FF is the base.

#191970 · #B0C4DE · #F0F8FF

Icy Horizon

Combines a versatile mid-blue (#4682B4) with the deepest navy (#000080) for emphasis, and a lighter blue (#B0C4DE) for context.

#4682B4 · #000080 · #B0C4DE

CSS variables

:root {
  --nordic-winter-sky-1: #000080;
  --nordic-winter-sky-2: #191970;
  --nordic-winter-sky-3: #4682B4;
  --nordic-winter-sky-4: #B0C4DE;
  --nordic-winter-sky-5: #F0F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "nordic-winter-sky": {
        1: "#000080",
        2: "#191970",
        3: "#4682B4",
        4: "#B0C4DE",
        5: "#F0F8FF",
      }
    }
  }
}

Hex values

Color 1#000080

Color 2#191970

Color 3#4682B4

Color 4#B0C4DE

Color 5#F0F8FF

Accessibility

Contrast checker

1.1:1Fail

3.9:1AA18

9:1AAA

14.9:1AAA

1.1:1Fail

3.6:1AA18

8.3:1AAA

13.8:1AAA

3.9:1AA18

3.6:1AA18

2.3:1Fail

3.8:1AA18

9:1AAA

8.3:1AAA

2.3:1Fail

1.7:1Fail

14.9:1AAA

13.8:1AAA

3.8:1AA18

1.7:1Fail

Similar palettes

More like Nordic Winter Sky

View all cool

Arctic Glacier Chill

Celestial Ocean Embrace

Frost Kissed Pine

Frosted Forest Dawn

Frozen Crystal Grotto

Glacial Iceberg Flow