Back to palettes

Palette

Fjord Ice Escape

A chillingly beautiful palette, capturing the stark, majestic blues and whites of an arctic fjord.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Fjord Ice Escape 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 Fjord Ice Escape.

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

Data visualization

#0F2027#203A43#2C5364#ADD8E6#E0FFFF

Palette guide

How to use Fjord Ice Escape

Overview

The Fjord Ice Escape palette is a chillingly beautiful collection, capturing the stark, majestic blues and whites of an arctic fjord. It features an almost-black deep navy, #0F2027, a dark blue, #203A43, and a medium blue, #2C5364, reflecting the profound depths of icy waters. A refreshing light blue, #ADD8E6, suggests ice gleam, while an ethereal light blue-white, #E0FFFF, evokes snow and glacial surfaces. This palette is ideal for designs aiming for a strong, calm, and sophisticated cool-toned aesthetic.

Best used for

  • Winter sports and outdoor adventure brands
  • Luxury travel and expedition marketing
  • High-tech and minimalist user interfaces
  • Environmental and conservation initiatives
  • Cool-toned photography and art portfolios
  • Scientific and research presentations

Suggested color roles

primary

Utilize #0F2027 as a commanding primary color for main headings, strong contrasts, or a deep, grounding background.

secondary

Apply #2C5364 for secondary elements, subheadings, or as a complementary background, representing icy water.

accent

Incorporate #ADD8E6 as a crisp accent for calls to action, highlights, or illustrative details, suggesting ice or sky.

background

Use #E0FFFF as a pristine, expansive background color, providing excellent contrast and a sense of open, icy space.

text

Employ #203A43 for body text and important information, ensuring strong readability against lighter backgrounds while maintaining a cool tone.

Accessibility notes

  • Text in #0F2027 or #203A43 on an #E0FFFF background offers exceptional contrast and readability.
  • Be cautious when using #ADD8E6 for small text elements; ensure sufficient contrast against its background.
  • All dark colors in this palette pair well with #E0FFFF for accessible text.
  • Ensure interactive elements are clearly distinguishable, especially when using similar blue tones.

Recommended combinations

Deep Ice

Creates a profound and cold depth, perfect for strong branding or dramatic visual elements.

#0F2027 · #203A43 · #2C5364

Glacial Light

Offers a bright and expansive combination, ideal for backgrounds, headers, or serene layouts.

#E0FFFF · #ADD8E6 · #2C5364

Arctic Contrast

Provides a stark and clear visual impact, suitable for powerful statements or high-contrast designs.

#0F2027 · #E0FFFF · #ADD8E6

CSS variables

:root {
  --fjord-ice-escape-1: #0F2027;
  --fjord-ice-escape-2: #203A43;
  --fjord-ice-escape-3: #2C5364;
  --fjord-ice-escape-4: #ADD8E6;
  --fjord-ice-escape-5: #E0FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fjord-ice-escape": {
        1: "#0F2027",
        2: "#203A43",
        3: "#2C5364",
        4: "#ADD8E6",
        5: "#E0FFFF",
      }
    }
  }
}

Related searches

arctic blue paletteicy winter colorsdeep fjord bluescalm cool designmajestic snow palette

Palette colors

Hex values

Color 1#0F2027
·
Color 2#203A43
·
Color 3#2C5364
·
Color 4#ADD8E6
·
Color 5#E0FFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
10.9:1AAA
15.9:1AAA
2
1.4:1Fail
1.4:1Fail
7.9:1AAA
11.4:1AAA
3
2:1Fail
1.4:1Fail
5.4:1AA
7.9:1AAA
4
10.9:1AAA
7.9:1AAA
5.4:1AA
1.4:1Fail
5
15.9:1AAA
11.4:1AAA
7.9:1AAA
1.4:1Fail

Similar palettes

More like Fjord Ice Escape

View all cool
Alpine Frost Serenity
Arctic Lake Ice
Arctic Serenity
Frozen Lake Reflection
Frozen Tundra Mist
Glacial Blue Serenity