Back to palettes

Palette

Fjord Mist Morning

Captures the serene, cool beauty of a misty Scandinavian fjord at sunrise.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Fjord Mist Morning 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 Mist Morning.

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

Data visualization

#6A8E89#9DC3B9#C8DBDB#4F6D79#79A0AF

Palette guide

How to use Fjord Mist Morning

Overview

The Fjord Mist Morning palette captures the serene, cool beauty of a misty Scandinavian fjord at sunrise. This collection features muted green-greys like #6A8E89, a light teal #9DC3B9, and a soft blue #79A0AF, evoking the subtle colors of dawn. A deep blue-grey, #4F6D79, grounds the palette, while a very light grey-blue, #C8DBDB, suggests expansive mist. It's perfect for designers seeking a calm, natural, and sophisticated aesthetic, reflecting tranquility and the fresh start of a new day.

Best used for

  • Eco-friendly and sustainable brands
  • Wellness and meditation apps
  • Nature-inspired home decor
  • Travel and tourism marketing (especially Nordic)
  • Sustainable fashion lines
  • Calm and sophisticated digital experiences

Suggested color roles

primary

Utilize #4F6D79 as a strong, grounding primary for main headings, navigation, or deep background sections, anchoring the design.

secondary

Apply #6A8E89 for secondary elements, subheadings, or as a complementary background, reflecting misty shores.

accent

Incorporate #9DC3B9 as a soft accent for highlights, hover states, or subtle graphic elements, suggesting morning light.

background

Use #C8DBDB as a light, expansive background color, providing excellent readability and an ethereal, open feel.

text

Employ #4F6D79 for body text and important information, ensuring strong readability against lighter backgrounds.

Accessibility notes

  • Text in #4F6D79 or #6A8E89 on a #C8DBDB background offers strong contrast and readability.
  • Be cautious using #9DC3B9 or #79A0AF for small text elements; ensure sufficient contrast against their background.
  • Ensure interactive elements have clearly distinguishable states, especially when using similar grey-green tones.
  • Avoid pairing #79A0AF text on #C8DBDB as the contrast might be insufficient for accessibility standards.

Recommended combinations

Misty Shores

Creates a deep, natural, and serene feel, perfect for conveying depth and tranquility.

#4F6D79 · #6A8E89 · #9DC3B9

Morning Light

Offers a light and airy combination, ideal for backgrounds, headers, or serene visual elements.

#C8DBDB · #79A0AF · #9DC3B9

Serene Waters

Provides a calm and reflective blend, suitable for content blocks or a tranquil brand presence.

#6A8E89 · #4F6D79 · #C8DBDB

CSS variables

:root {
  --fjord-mist-morning-1: #6A8E89;
  --fjord-mist-morning-2: #9DC3B9;
  --fjord-mist-morning-3: #C8DBDB;
  --fjord-mist-morning-4: #4F6D79;
  --fjord-mist-morning-5: #79A0AF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fjord-mist-morning": {
        1: "#6A8E89",
        2: "#9DC3B9",
        3: "#C8DBDB",
        4: "#4F6D79",
        5: "#79A0AF",
      }
    }
  }
}

Related searches

scandinavian calm palettemisty morning colorscool grey-greennordic nature huesserene fjord tones

Palette colors

Hex values

Color 1#6A8E89
·
Color 2#9DC3B9
·
Color 3#C8DBDB
·
Color 4#4F6D79
·
Color 5#79A0AF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
2.5:1Fail
1.5:1Fail
1.3:1Fail
2
1.9:1Fail
1.3:1Fail
2.9:1Fail
1.5:1Fail
3
2.5:1Fail
1.3:1Fail
3.8:1AA18
2:1Fail
4
1.5:1Fail
2.9:1Fail
3.8:1AA18
2:1Fail
5
1.3:1Fail
1.5:1Fail
2:1Fail
2:1Fail

Similar palettes

More like Fjord Mist Morning

View all cool
Misty Lagoon Serene
Morning Lake Fog
Serene Lake Mist
Alpine Lake Serene
Alpine Lake Serene
Aqua Dream Glow