Back to palettes

Palette

Glacial Fjord Echo

Crisp blues and icy whites reflecting the majestic, serene beauty of frozen fjords and distant glaciers.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glacial Fjord Echo 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 Glacial Fjord Echo.

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

Data visualization

#8BB2C9#C4DEED#E6F3F8#5C8CA9#3A6985

Palette guide

How to use Glacial Fjord Echo

Overview

The Glacial Fjord Echo palette captures the majestic and serene beauty of frozen fjords, blending crisp blues with icy whites. Featuring the deep, anchoring #3A6985, stable #5C8CA9, calming #8BB2C9, airy #C4DEED, and the lightest #E6F3F8, this palette offers a sophisticated cool spectrum. Designers can create elegant and expansive layouts, evoking a sense of tranquility and natural grandeur. Developers will find a well-balanced range for crafting professional interfaces, from corporate websites to nature-inspired applications. This collection is ideal for projects that seek a refined, serene, and distinctly Nordic aesthetic, reminiscent of vast icy landscapes.

Best used for

  • Travel and tourism branding (especially Nordic)
  • Outdoor adventure and exploration websites
  • Corporate and financial services design
  • Environmental and conservation initiatives
  • Elegant print materials and brochures
  • Clean, modern UI/UX design

Suggested color roles

primary

Designate #5C8CA9 as the primary color for major brand elements, main headings, or key interactive components, providing stability.

secondary

Use #8BB2C9 for subheadings, detailed content areas, or supporting graphics, offering a softer, harmonious mid-tone.

accent

Apply #C4DEED for subtle highlights, active states, or delicate graphic elements to introduce a touch of icy luminescence.

background

Utilize #E6F3F8 as the main background color, creating an expansive, clean, and airy canvas that promotes readability and calm.

text

For optimal readability, use #3A6985 or a deep charcoal for all body text, ensuring strong contrast against the lighter backgrounds.

Accessibility notes

  • Ensure text on lighter backgrounds like #E6F3F8 and #C4DEED is dark enough (e.g., black or #3A6985) to meet WCAG AA standards.
  • The darkest color, #3A6985, provides excellent contrast for text on any of the lighter blues in this palette.
  • Avoid using #C4DEED for small text on #E6F3F8 due to insufficient contrast.
  • Verify that interactive elements maintain clear visual differentiation and sufficient contrast.

Recommended combinations

Fjord Depths

Creates a deep, grounding effect with a light background and strong primary emphasis.

#E6F3F8 · #3A6985 · #5C8CA9

Sky & Water

Excellent for layered designs or gradients, mimicking the natural progression of light on water.

#C4DEED · #8BB2C9 · #5C8CA9

Icy Reflection

Ideal for a soft, ethereal design where elements gently transition, reflecting light.

#E6F3F8 · #C4DEED · #8BB2C9

CSS variables

:root {
  --glacial-fjord-echo-1: #8BB2C9;
  --glacial-fjord-echo-2: #C4DEED;
  --glacial-fjord-echo-3: #E6F3F8;
  --glacial-fjord-echo-4: #5C8CA9;
  --glacial-fjord-echo-5: #3A6985;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glacial-fjord-echo": {
        1: "#8BB2C9",
        2: "#C4DEED",
        3: "#E6F3F8",
        4: "#5C8CA9",
        5: "#3A6985",
      }
    }
  }
}

Related searches

fjord blue palettenordic design colorsserene cool tonestravel branding blueglacial landscape colors

Palette colors

Hex values

Color 1#8BB2C9
·
Color 2#C4DEED
·
Color 3#E6F3F8
·
Color 4#5C8CA9
·
Color 5#3A6985
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2:1Fail
1.6:1Fail
2.6:1Fail
2
1.6:1Fail
1.2:1Fail
2.6:1Fail
4.2:1AA18
3
2:1Fail
1.2:1Fail
3.2:1AA18
5.2:1AA
4
1.6:1Fail
2.6:1Fail
3.2:1AA18
1.6:1Fail
5
2.6:1Fail
4.2:1AA18
5.2:1AA
1.6:1Fail

Similar palettes

More like Glacial Fjord Echo

View all cool
Arctic Lake Glass
Arctic Whisper Glade
Frosted Lakeside Calm
Frozen Lake Shimmer
Frozen River Glaze
Glacial Lagoon Calm