Back to palettes

Palette

Moonlit Pine Forest

Deep, somber blues and greys reflecting the hushed majesty of a pine forest under a cold moon.

DarkDark5 colors
More Dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Moonlit Pine Forest 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 Moonlit Pine Forest.

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

Data visualization

#0F1D2C#2A3C4F#475B71#6A7E94#91A0B1

Palette guide

How to use Moonlit Pine Forest

Overview

The Moonlit Pine Forest palette captures the serene and hushed majesty of a nocturnal woodland, presenting a sophisticated range of deep blue-greys. From the profound depth of #0F1D2C, reminiscent of the darkest forest floor, through the contemplative #2A3C4F and #475B71, to the misty #6A7E94 and atmospheric #91A0B1, this collection evokes tranquility and understated elegance. It’s perfectly suited for designs that aim to convey a sense of calm, groundedness, and quiet strength. This palette excels in branding, web design, or editorial layouts where a sophisticated, natural, and somewhat melancholic mood is desired.

Best used for

  • Luxury outdoor apparel branding
  • Nature photography portfolios
  • High-end men's grooming products
  • Dark mode interfaces for productivity apps
  • Architectural or interior design presentations
  • Editorial layouts for literary magazines

Suggested color roles

primary

#2A3C4F - A strong, deep blue-grey, ideal for primary branding elements, prominent headings, or key interactive components.

secondary

#475B71 - Use this mid-tone for supporting headers, important subtext, or secondary navigation, adding depth and structure.

accent

#6A7E94 - A lighter, more reflective blue-grey, perfect for subtle highlights, interactive states, or decorative details that need to stand out gently.

background

#0F1D2C - This very dark blue-grey provides an excellent, immersive background, giving a sense of depth and quiet sophistication.

text

For light text, #91A0B1 offers good contrast on dark backgrounds. Pure white or a very light grey like #F0F0F0 is also highly effective.

Accessibility notes

  • Ensure sufficient contrast for all text on #0F1D2C, #2A3C4F, and #475B71 backgrounds, using lighter colors like #91A0B1 or white.
  • Avoid using #6A7E94 for small text on #91A0B1 background due to potential low contrast.
  • Interactive elements should have clear visual indicators and sufficient contrast against their surroundings.
  • For body text, aim for a minimum contrast ratio of 4.5:1, especially on darker backgrounds.

Recommended combinations

Deep Forest UI

Creates a sophisticated dark mode user interface, with the lightest color for text and the darkest for backgrounds.

#0F1D2C · #2A3C4F · #91A0B1

Subtle Elegance

Ideal for subtle gradients or layered designs that convey depth and refined taste.

#475B71 · #6A7E94 · #91A0B1

Brand Foundation

Excellent for core branding, utilizing the deep tones for primary identity and the lighter for supporting elements.

#0F1D2C · #2A3C4F · #6A7E94

CSS variables

:root {
  --moonlit-pine-forest-1: #0F1D2C;
  --moonlit-pine-forest-2: #2A3C4F;
  --moonlit-pine-forest-3: #475B71;
  --moonlit-pine-forest-4: #6A7E94;
  --moonlit-pine-forest-5: #91A0B1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moonlit-pine-forest": {
        1: "#0F1D2C",
        2: "#2A3C4F",
        3: "#475B71",
        4: "#6A7E94",
        5: "#91A0B1",
      }
    }
  }
}

Related searches

dark blue grey paletteserene forest colorselegant night sky palettesophisticated cool grey designmoody blue branding

Palette colors

Hex values

Color 1#0F1D2C
·
Color 2#2A3C4F
·
Color 3#475B71
·
Color 4#6A7E94
·
Color 5#91A0B1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.4:1Fail
4.1:1AA18
6.4:1AA
2
1.5:1Fail
1.6:1Fail
2.7:1Fail
4.2:1AA18
3
2.4:1Fail
1.6:1Fail
1.7:1Fail
2.6:1Fail
4
4.1:1AA18
2.7:1Fail
1.7:1Fail
1.6:1Fail
5
6.4:1AA
4.2:1AA18
2.6:1Fail
1.6:1Fail

Similar palettes

More like Moonlit Pine Forest

View all Dark
Deep Forest Murmur
Midnight Forest Whisper
Midnight Urban Blues
Starry Night
Stormy Lake Mist
Winter Arctic Midnight