Back to palettes

Palette

Deep Arctic Fjord

Captures the profound blues and icy whites of a tranquil, majestic arctic fjord.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#100C08#2F4F4F#4682B4#ADD8E6#E0FFFF

Palette guide

How to use Deep Arctic Fjord

Overview

The Deep Arctic Fjord palette captures the profound blues and icy whites of a tranquil, majestic arctic landscape. Featuring stark black #100C08, muted teal #2F4F4F, and ethereal #E0FFFF, this collection creates a cool, dramatic atmosphere. Designers can craft sophisticated, minimalist layouts, while developers can leverage its distinct contrast for clear information hierarchy and impactful visual storytelling. This palette is ideal for projects that seek to convey calm, grandeur, and a touch of stark beauty.

Best used for

  • Nature photography portfolios
  • Travel agency branding (cold destinations)
  • Luxury resort websites
  • Minimalist design projects
  • Winter sports apparel brands
  • Documentary film aesthetics

Suggested color roles

primary

Use #100C08 as a powerful, grounding element for strong branding, headers, or dark mode themes.

secondary

Apply #2F4F4F for supporting content, navigation, or subtle background textures, adding depth.

accent

Highlight calls to action or key features with the crisp #4682B4, providing a clear focal point.

background

The icy #E0FFFF or #ADD8E6 offers a clean, expansive backdrop, contrasting beautifully with darker elements.

text

On light backgrounds, #100C08 ensures maximum legibility. For dark backgrounds, a pure white provides excellent contrast.

Accessibility notes

  • Ensure high contrast when placing any text on #2F4F4F or #4682B4 to maintain readability.
  • Verify that #ADD8E6 and #E0FFFF provide sufficient contrast for subtle text or icon details.
  • The stark contrast between #100C08 and #E0FFFF is excellent for primary text and backgrounds.
  • Interactive elements should be clearly distinguishable, especially on lighter backgrounds.

Recommended combinations

Fjord Depths

Creates a strong, layered foundation, ideal for dark mode or dramatic header sections.

#100C08 · #2F4F4F · #4682B4

Icy Peaks

Perfect for clean, airy sections, using the blue as a refreshing accent against whites.

#ADD8E6 · #E0FFFF · #4682B4

Cold Contrast

Emphasizes the dramatic interplay of dark and light, suitable for bold statements and clear hierarchy.

#100C08 · #ADD8E6 · #2F4F4F

CSS variables

:root {
  --deep-arctic-fjord-1: #100C08;
  --deep-arctic-fjord-2: #2F4F4F;
  --deep-arctic-fjord-3: #4682B4;
  --deep-arctic-fjord-4: #ADD8E6;
  --deep-arctic-fjord-5: #E0FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-arctic-fjord": {
        1: "#100C08",
        2: "#2F4F4F",
        3: "#4682B4",
        4: "#ADD8E6",
        5: "#E0FFFF",
      }
    }
  }
}

Related searches

arctic fjord color schemedeep blue and white palettecold nature colorsserene winter hexminimalist blue grey

Palette colors

Hex values

Color 1#100C08
·
Color 2#2F4F4F
·
Color 3#4682B4
·
Color 4#ADD8E6
·
Color 5#E0FFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
4.7:1AA
12.7:1AAA
18.5:1AAA
2
2.2:1Fail
2.2:1Fail
5.8:1AA
8.5:1AAA
3
4.7:1AA
2.2:1Fail
2.7:1Fail
3.9:1AA18
4
12.7:1AAA
5.8:1AA
2.7:1Fail
1.4:1Fail
5
18.5:1AAA
8.5:1AAA
3.9:1AA18
1.4:1Fail

Similar palettes

More like Deep Arctic Fjord

View all cool
Arctic Glacier Edge
Arctic Shoreline Chill
Arctic Shoreline Frost
Arctic Tundra Bloom
Arctic Twilight Ice
Frozen Plains Bloom