Palette

Ancient Fern Whisper

Evokes the quiet, humid air and deep, rich colors of an old-growth forest shrouded in mist.

darkcalm5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Fern Whisper 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 Ancient Fern Whisper.

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

Data visualization

#2F4F4F#728C69#A9A9A9#5A4E4E#C0B86F

Palette guide

How to use Ancient Fern Whisper

Overview

The Ancient Fern Whisper palette evokes the quiet, humid air and deep, rich colors of an old-growth forest shrouded in mist. This unique collection blends the profound #2F4F4F with the earthy #728C69, punctuated by the soft, unexpected #C0B86F and the neutral #A9A9A9. It's an excellent choice for designs that aim to convey mystery, tranquility, and a sophisticated connection to nature. Developers will find versatile contrast opportunities, while designers can craft immersive experiences for wellness brands, eco-conscious initiatives, or artistic projects seeking a subdued yet captivating aesthetic. The blend of greens, grays, and a hint of gold creates a truly unique atmosphere.

Best used for

Wellness and mindfulness apps
Eco-conscious or sustainable brand identity
Nature photography portfolios
Mysterious fantasy game environments
Rustic-chic interior decor themes
Artisan product packaging (e.g., candles, soaps)

Suggested color roles

primary

#2F4F4F (Dark Slate Gray) - A deep, mysterious primary for main sections, headers, or prominent UI elements, exuding calm.

secondary

#728C69 (Moss Green) - Ideal for supporting content, subheadings, or as a background for secondary elements, adding natural texture.

accent

#C0B86F (Muted Gold) - Use sparingly for subtle highlights, interactive states, or small decorative elements to add an unexpected, aged glow.

background

#A9A9A9 (Dark Gray) - A versatile, neutral background that provides good contrast for both darker and lighter text, offering a misty feel.

text

#2F4F4F (Dark Slate Gray) - Provides strong readability on lighter backgrounds, and can be used on #A9A9A9 for a subtle, sophisticated tone. Consider a white or very light text if #A9A9A9 is the primary background.

Accessibility notes

Ensure white or #C0B86F text on #2F4F4F background meets WCAG AA contrast ratio.
Avoid using #728C69 for small text on #A9A9A9 due to potentially insufficient contrast; check carefully.
For optimal readability on #A9A9A9, consider a true black or dark charcoal text if the palette's darks are too subtle.
Ensure interactive elements using #C0B86F have strong enough contrast for visibility.

Recommended combinations

Forest Mist

Ideal for deep, atmospheric backgrounds with subtle, natural text elements.

#2F4F4F · #A9A9A9 · #728C69

Ancient Growth

Great for highlighting key information or feature boxes with an organic, aged glow.

#728C69 · #C0B86F · #5A4E4E

Shrouded Path

Perfect for clean content blocks, providing depth and clear hierarchy.

#A9A9A9 · #2F4F4F · #5A4E4E

CSS variables

:root {
  --ancient-fern-whisper-1: #2F4F4F;
  --ancient-fern-whisper-2: #728C69;
  --ancient-fern-whisper-3: #A9A9A9;
  --ancient-fern-whisper-4: #5A4E4E;
  --ancient-fern-whisper-5: #C0B86F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-fern-whisper": {
        1: "#2F4F4F",
        2: "#728C69",
        3: "#A9A9A9",
        4: "#5A4E4E",
        5: "#C0B86F",
      }
    }
  }
}

Hex values

Color 1#2F4F4F

Color 2#728C69

Color 3#A9A9A9

Color 4#5A4E4E

Color 5#C0B86F

Accessibility

Contrast checker

2.4:1Fail

3.8:1AA18

1.1:1Fail

4.4:1AA18

2.4:1Fail

1.6:1Fail

2.2:1Fail

1.8:1Fail

3.8:1AA18

1.6:1Fail

3.4:1AA18

1.2:1Fail

1.1:1Fail

2.2:1Fail

3.4:1AA18

3.9:1AA18

4.4:1AA18

1.8:1Fail

1.2:1Fail

3.9:1AA18

Similar palettes

More like Ancient Fern Whisper

View all dark

Deep Forest Solace

Dusky Forest Whispers

Midnight Indigo Reverie

Whispering Forest Haze

Whispering Pines Shade

Abyssal Bloom Depths