Back to palettes

Palette

Mossy Realm Shadow

A shadowy and rich collection of deep greens and earthy tones from the forest's mysterious undergrowth.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mossy Realm Shadow 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 Mossy Realm Shadow.

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

Data visualization

#2F4F4F#36454F#1C332A#0A231C#4B5320

Palette guide

How to use Mossy Realm Shadow

Overview

The "Mossy Realm Shadow" palette delves into the mysterious depths of a shaded forest, offering a rich collection of deep, muted greens and dark earth tones. This palette, featuring the enigmatic #2F4F4F, the profound #0A231C, and the unique #4B5320, is perfect for designs seeking a sophisticated, somber, or luxurious feel. Designers can use these hues to create immersive, atmospheric experiences, while developers will appreciate the cohesive, dark aesthetic for applications requiring a strong visual presence. The blend of #36454F and #1C332A provides an excellent foundation for a compelling and dramatic visual narrative.

Best used for

  • Dark mode UI/UX designs
  • Luxury brand websites
  • Mystery or fantasy game interfaces
  • Elegant editorial layouts
  • Packaging for high-end products
  • Theatrical set designs

Suggested color roles

primary

#2F4F4F serves as a dominant, sophisticated base color, providing depth and elegance.

secondary

#36454F offers a slightly warmer, complementary dark tone, suitable for secondary panels or extensive content.

accent

#4B5320 provides a subtle, unexpected earthy accent, perfect for calls to action or key interactive elements.

background

#0A231C creates a deep, immersive background, enhancing the palette's shadowy mood.

text

Use a light color like #D3D3D3 (light grey) or #F5F5F5 (off-white) for readability against these dark tones.

Accessibility notes

  • Always ensure high contrast for text on these dark backgrounds; light text is crucial.
  • Avoid using #2F4F4F text on #36454F backgrounds due to insufficient contrast.
  • #4B5320 should only be used as an accent on very light or very dark contrasting backgrounds.
  • Verify that interactive elements have clear focus states that pass WCAG guidelines.

Recommended combinations

Deep Forest

Creates a profound, luxurious dark theme, with the unique green-brown as a highlight.

#0A231C · #2F4F4F · #4B5320

Shaded Canopy

Excellent for layered interfaces, providing subtle distinctions between dark elements.

#36454F · #1C332A · #2F4F4F

Earthy Mystery

A striking combination where the accent brings an organic touch to a dark composition.

#4B5320 · #0A231C · #36454F

CSS variables

:root {
  --mossy-realm-shadow-1: #2F4F4F;
  --mossy-realm-shadow-2: #36454F;
  --mossy-realm-shadow-3: #1C332A;
  --mossy-realm-shadow-4: #0A231C;
  --mossy-realm-shadow-5: #4B5320;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mossy-realm-shadow": {
        1: "#2F4F4F",
        2: "#36454F",
        3: "#1C332A",
        4: "#0A231C",
        5: "#4B5320",
      }
    }
  }
}

Related searches

dark green color schemesdeep forest palettemysterious color combinationluxury dark mode colorsmuted earth tones

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#36454F
·
Color 3#1C332A
·
Color 4#0A231C
·
Color 5#4B5320
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.5:1Fail
1.9:1Fail
1.1:1Fail
2
1.1:1Fail
1.4:1Fail
1.7:1Fail
1.2:1Fail
3
1.5:1Fail
1.4:1Fail
1.2:1Fail
1.6:1Fail
4
1.9:1Fail
1.7:1Fail
1.2:1Fail
2:1Fail
5
1.1:1Fail
1.2:1Fail
1.6:1Fail
2:1Fail

Similar palettes

More like Mossy Realm Shadow

View all dark
Ancient Forest Depths
Dark Forest Undergrowth
Deep Forest Canopy
Deep Forest Labyrinth
Deep Undergrowth Shadow
Enchanted Forest Night