Palette

Nordic Spruce Silhouette

Muted, cool grays reflecting the deep shadows and somber mood of a Nordic spruce forest.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Nordic Spruce Silhouette 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 Nordic Spruce Silhouette.

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

Data visualization

#47535E#6C7A87#9EAAB6#B9C4CD#2F3740

Palette guide

How to use Nordic Spruce Silhouette

Overview

The Nordic Spruce Silhouette palette presents muted, cool grays that reflect the deep shadows and somber mood of a Nordic spruce forest. This calming collection ranges from a dominant charcoal-blue, #47535E, to a very light, almost white-gray, #B9C4CD. Intermediate shades like #6C7A87 and #9EAAB6 provide smooth transitions, while the darkest shade, #2F3740, offers a strong anchor. Designers can leverage these hues to create sophisticated, understated, and highly functional designs that emphasize clarity, tranquility, and a modern aesthetic, perfect for professional or minimalist applications.

Best used for

Professional services websites
Minimalist app interfaces
High-end fashion or lifestyle branding
Architectural portfolios
Photography websites with a focus on natural light
Editorial design for art or design publications

Suggested color roles

primary

Use #47535E as the dominant hue for main sections, headers, or large background areas to establish a deep, stable foundation.

secondary

Apply #6C7A87 for sub-sections, navigation elements, or as a supporting background color, adding subtle variation.

accent

Reserve #B9C4CD for interactive elements, highlights, or small graphic details where a touch of cool brightness is needed.

background

#2F3740 works well for dark mode interfaces or as a striking background for hero sections, providing strong contrast.

text

For general body text, use #2F3740 on lighter backgrounds like #B9C4CD or #9EAAB6 for optimal readability. On darker shades, use white or near-white.

Accessibility notes

Ensure #2F3740 text on #B9C4CD or #9EAAB6 backgrounds meets WCAG AA contrast standards.
Be cautious when using #9EAAB6 for text, as it may lack sufficient contrast on lighter shades.
Avoid pairing #6C7A87 and #9EAAB6 for small text or interactive elements without verifying contrast.
Clearly indicate focus states for interactive elements, as subtle color shifts may not be enough.

Recommended combinations

Forest Floor

Ideal for creating deep, immersive backgrounds with layered elements, perfect for corporate dashboards or serene landing pages.

#2F3740 · #47535E · #6C7A87

Misty Canopy

Excellent for header sections and sub-navigation, offering a balanced contrast that is both professional and inviting.

#47535E · #9EAAB6 · #B9C4CD

Winter Twilight

Use the darkest shade for foundations, the lightest for accents, and the mid-tone for key information, conveying clarity and structure.

#2F3740 · #B9C4CD · #6C7A87

CSS variables

:root {
  --nordic-spruce-silhouette-1: #47535E;
  --nordic-spruce-silhouette-2: #6C7A87;
  --nordic-spruce-silhouette-3: #9EAAB6;
  --nordic-spruce-silhouette-4: #B9C4CD;
  --nordic-spruce-silhouette-5: #2F3740;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "nordic-spruce-silhouette": {
        1: "#47535E",
        2: "#6C7A87",
        3: "#9EAAB6",
        4: "#B9C4CD",
        5: "#2F3740",
      }
    }
  }
}

Hex values

Color 1#47535E

Color 2#6C7A87

Color 3#9EAAB6

Color 4#B9C4CD

Color 5#2F3740

Accessibility

Contrast checker

1.8:1Fail

3.3:1AA18

4.4:1AA18

1.5:1Fail

1.8:1Fail

1.9:1Fail

2.5:1Fail

2.7:1Fail

3.3:1AA18

1.9:1Fail

1.3:1Fail

5.1:1AA

4.4:1AA18

2.5:1Fail

1.3:1Fail

6.8:1AA

1.5:1Fail

2.7:1Fail

5.1:1AA

6.8:1AA

Similar palettes

More like Nordic Spruce Silhouette

View all cool

Whispering Aspen Grove

Agate Grotto

Dawn Lake Whisper

Emerald Bough Serene

Enchanted Forest Stream

Forest Canopy Mist