Back to palettes

Palette

Viking Coastal Voyage

Stark, rugged grays and blues reflecting the stoic beauty of Nordic coastal landscapes and ancient voyages.

neutraldark5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Viking Coastal Voyage 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 Viking Coastal Voyage.

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

Data visualization

#36454F#708090#A9A9A9#B0C4DE#DCDCDC

Palette guide

How to use Viking Coastal Voyage

Overview

The Viking Coastal Voyage palette offers stark, rugged grays and blues that beautifully reflect the stoic beauty of Nordic coastal landscapes and ancient voyages. This collection includes the deep #36454F (charcoal), the reliable #708090 (slate grey), and the versatile #A9A9A9 (dark grey), complemented by the cooler #B0C4DE (light steel blue) and the crisp #DCDCDC (gainsboro). It provides designers and developers with a robust and sophisticated set of cool neutrals, ideal for projects seeking to convey strength, history, and an understated elegance. This palette excels in creating a professional yet evocative atmosphere, perfect for themes of exploration, resilience, and natural beauty.

Best used for

  • Marine and nautical industry branding
  • Historical themed games or applications
  • Modern industrial design projects
  • Sophisticated tech brands and interfaces
  • Travel agencies focusing on Nordic regions
  • Documentary film branding

Suggested color roles

primary

Use #36454F as a strong, grounding primary color for main elements or deep backgrounds, conveying authority.

secondary

Employ #708090 as a versatile mid-tone, suitable for secondary information or as a balancing color.

accent

Apply #B0C4DE as a cool, subtle accent for highlights, interactive elements, or to break monotony.

background

Utilize #DCDCDC as a clean, light background, providing excellent contrast for darker text and elements.

text

For optimal legibility, use #36454F or a true black on light backgrounds, and white on darker tones like #36454F or #708090.

Accessibility notes

  • Ensure #36454F or #708090 text on #DCDCDC or #B0C4DE meets WCAG contrast guidelines for readability.
  • Avoid using #A9A9A9 (dark grey) for small text on #DCDCDC (gainsboro) due to potential low contrast.
  • Prioritize higher contrast pairings for critical information, especially in digital interfaces.
  • Consider larger font sizes for lighter text colors like #B0C4DE against mid-tone backgrounds.

Recommended combinations

Deep Sea Journey

A deep and cool combination, perfect for evoking the vastness of the sea and sky.

#36454F · #708090 · #B0C4DE

Misty Coast

Ideal for a light, airy, and cool aesthetic, reminiscent of misty coastal mornings.

#A9A9A9 · #B0C4DE · #DCDCDC

Rugged Horizon

Use for a balanced, grounded design, combining mid-tones with a light highlight and a deep anchor.

#708090 · #DCDCDC · #36454F

CSS variables

:root {
  --viking-coastal-voyage-1: #36454F;
  --viking-coastal-voyage-2: #708090;
  --viking-coastal-voyage-3: #A9A9A9;
  --viking-coastal-voyage-4: #B0C4DE;
  --viking-coastal-voyage-5: #DCDCDC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "viking-coastal-voyage": {
        1: "#36454F",
        2: "#708090",
        3: "#A9A9A9",
        4: "#B0C4DE",
        5: "#DCDCDC",
      }
    }
  }
}

Related searches

nordic grey palettecoastal blue-grey colorsviking aesthetic colorsrugged neutral palettestoic design color scheme

Palette colors

Hex values

Color 1#36454F
·
Color 2#708090
·
Color 3#A9A9A9
·
Color 4#B0C4DE
·
Color 5#DCDCDC
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.4:1Fail
4.2:1AA18
5.6:1AA
7.2:1AAA
2
2.4:1Fail
1.7:1Fail
2.3:1Fail
3:1Fail
3
4.2:1AA18
1.7:1Fail
1.3:1Fail
1.7:1Fail
4
5.6:1AA
2.3:1Fail
1.3:1Fail
1.3:1Fail
5
7.2:1AAA
3:1Fail
1.7:1Fail
1.3:1Fail

Similar palettes

More like Viking Coastal Voyage

View all neutral
Mossy Stone Relic
Ancient Temple Relic
Ancient Temple Relic
Gargoyle Grey
Haunted Library Pages
Moonlit Canyon Path