Back to palettes

Palette

Fjord Sunset Calm

The majestic tranquility of a fjord at sunset, with cool blues giving way to warm, fiery skies.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Fjord Sunset Calm 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 Sunset Calm.

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

Data visualization

#000080#483D8B#6A5ACD#FF8C00#CD5C5C

Palette guide

How to use Fjord Sunset Calm

Overview

The Fjord Sunset Calm palette captures the majestic tranquility of a fjord at sunset, where cool blues give way to warm, fiery skies. It features a deep navy, #000080, and a dark purplish-blue, #483D8B, reflecting the deepening twilight. A medium lavender, #6A5ACD, adds a soft glow, while a vibrant orange, #FF8C00, and a muted red, #CD5C5C, evoke the dramatic sunset. This palette is ideal for designs seeking a dramatic yet serene aesthetic, blending cool stability with warm, dynamic energy.

Best used for

  • Event branding and invitations
  • Artistic and creative projects
  • Dramatic presentation designs
  • Luxury travel and evening wear lines
  • Creative agency portfolios
  • Nature-inspired digital art

Suggested color roles

primary

Utilize #000080 as a deep, grounding primary for main headings, navigation, or a strong background, representing the night sky.

secondary

Apply #483D8B for secondary elements, subheadings, or as a complementary background, reflecting twilight's depth.

accent

Incorporate #FF8C00 as a vibrant accent for calls to action, highlights, or illustrative details, capturing the sunset's fiery peak.

background

Use #6A5ACD as a soft, transitional background color, creating a serene canvas that hints at the coming warmth.

text

White text offers excellent readability on #000080 and #483D8B, or use #CD5C5C for headings on very dark backgrounds.

Accessibility notes

  • White text on #000080 or #483D8B offers strong contrast and readability.
  • Be cautious using #6A5ACD text on #483D8B; contrast may be insufficient for accessibility.
  • The vibrant #FF8C00 and #CD5C5C should be used primarily as accents or with dark text over them.
  • Ensure interactive elements provide sufficient contrast, especially for the warmer hues against each other.

Recommended combinations

Twilight Depths

Creates a deep, mysterious, and serene foundation, perfect for conveying depth and calm.

#000080 · #483D8B · #6A5ACD

Fiery Horizon

Offers a dramatic and vibrant contrast, ideal for powerful statements or eye-catching accents.

#FF8C00 · #CD5C5C · #000080

Calm Transition

Provides a balanced and dynamic blend, suitable for content blocks or visual storytelling of changing moods.

#6A5ACD · #483D8B · #FF8C00

CSS variables

:root {
  --fjord-sunset-calm-1: #000080;
  --fjord-sunset-calm-2: #483D8B;
  --fjord-sunset-calm-3: #6A5ACD;
  --fjord-sunset-calm-4: #FF8C00;
  --fjord-sunset-calm-5: #CD5C5C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fjord-sunset-calm": {
        1: "#000080",
        2: "#483D8B",
        3: "#6A5ACD",
        4: "#FF8C00",
        5: "#CD5C5C",
      }
    }
  }
}

Related searches

fjord sunset palettedramatic twilight colorscool warm contrastmajestic evening huesvibrant nature palette

Palette colors

Hex values

Color 1#000080
·
Color 2#483D8B
·
Color 3#6A5ACD
·
Color 4#FF8C00
·
Color 5#CD5C5C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3:1AA18
6.9:1AA
4:1AA18
2
1.8:1Fail
1.7:1Fail
3.9:1AA18
2.3:1Fail
3
3:1AA18
1.7:1Fail
2.3:1Fail
1.3:1Fail
4
6.9:1AA
3.9:1AA18
2.3:1Fail
1.7:1Fail
5
4:1AA18
2.3:1Fail
1.3:1Fail
1.7:1Fail

Similar palettes

More like Fjord Sunset Calm

View all cool
Aegean Sea Serene
Alpine Morning Mist
Aqua Dream Glow
Aqua Stillness Mood
Aqua Tile Spa
Arctic Sunset Glow