Back to palettes

Palette

Icy Nordic Fjords

A chilling yet majestic collection of blues and greys, evoking frozen Scandinavian landscapes.

coolminimal5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Icy Nordic Fjords 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 Icy Nordic Fjords.

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

Data visualization

#0C162D#213D5E#6F8C9F#A3CCD9#E8F2F6

Palette guide

How to use Icy Nordic Fjords

Overview

The "Icy Nordic Fjords" palette captures the chilling yet majestic essence of frozen Scandinavian landscapes with a sophisticated range of deep blues and muted greys. From the profound #0C162D to the airy #E8F2F6, this collection offers designers and developers powerful tools for creating minimalist, high-contrast, and elegant digital experiences. It's particularly effective for luxury brands, high-tech interfaces, or any project aiming for a stark, modern, and serious aesthetic. The careful balance between dark, grounding tones and lighter, ethereal shades allows for dynamic visual hierarchies and compelling user interfaces.

Best used for

  • Luxury automotive or tech brand identities
  • High-end minimalist website designs
  • Photography portfolios for dark themes
  • Corporate annual reports and presentations
  • App interfaces requiring strong contrast
  • Winter fashion or outdoor gear branding

Suggested color roles

primary

Utilize #213D5E (Dark Slate Gray) for primary navigation, important headings, or as a dominant background color for sections.

secondary

Apply #6F8C9F (Cadet Gray) for sub-headers, secondary UI elements, or as a background for contrasting content blocks.

accent

Designate #A3CCD9 (Light Blue) for interactive elements, subtle highlights, or call-to-action buttons, providing a gentle lift.

background

Employ #E8F2F6 (Azure) as a clean, light canvas, offering excellent contrast for darker text and content. Alternatively, #0C162D can serve as a dramatic dark background.

text

For primary body text, #0C162D (Dark Navy) provides exceptional readability against lighter backgrounds like #E8F2F6, conveying authority and clarity.

Accessibility notes

  • Ensure #0C162D text on #E8F2F6 background meets WCAG AAA contrast standards for optimal readability.
  • Be cautious when using #6F8C9F for smaller text on #A3CCD9 or similar light backgrounds; verify contrast.
  • All interactive elements should have distinct focus states that stand out clearly from their default appearance.
  • Avoid pairing #A3CCD9 with #6F8C9F for text and background to prevent insufficient contrast.

Recommended combinations

High Contrast

Ideal for main content: #E8F2F6 as background, #0C162D for body text, and #213D5E for headings or primary links.

#E8F2F6 · #0C162D · #213D5E

Layered Cards

Use #213D5E for a base container, #6F8C9F for a nested card element, and #A3CCD9 for a subtle border or icon.

#213D5E · #6F8C9F · #A3CCD9

Subtle Accent

A background in #6F8C9F, with #A3CCD9 for a decorative element and #0C162D for a small, impactful text label.

#6F8C9F · #A3CCD9 · #0C162D

CSS variables

:root {
  --icy-nordic-fjords-1: #0C162D;
  --icy-nordic-fjords-2: #213D5E;
  --icy-nordic-fjords-3: #6F8C9F;
  --icy-nordic-fjords-4: #A3CCD9;
  --icy-nordic-fjords-5: #E8F2F6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "icy-nordic-fjords": {
        1: "#0C162D",
        2: "#213D5E",
        3: "#6F8C9F",
        4: "#A3CCD9",
        5: "#E8F2F6",
      }
    }
  }
}

Related searches

dark blue grey paletteminimalist cool colorsscandinavian design palettehigh contrast ui colorselegant winter theme

Palette colors

Hex values

Color 1#0C162D
·
Color 2#213D5E
·
Color 3#6F8C9F
·
Color 4#A3CCD9
·
Color 5#E8F2F6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
5.1:1AA
10.4:1AAA
15.8:1AAA
2
1.6:1Fail
3.1:1AA18
6.4:1AA
9.7:1AAA
3
5.1:1AA
3.1:1AA18
2.1:1Fail
3.1:1AA18
4
10.4:1AAA
6.4:1AA
2.1:1Fail
1.5:1Fail
5
15.8:1AAA
9.7:1AAA
3.1:1AA18
1.5:1Fail

Similar palettes

More like Icy Nordic Fjords

View all cool
Frozen Dewdrop Glass
Glacial Lake Echo
Winter Crystal Pond
Arctic Fox
Arctic Frost Edge
Arctic Glacier Chill