Back to palettes

Palette

Monsoon Forest Shade

Deep, verdant greens that evoke the dense, shadowed foliage of a monsoon forest.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Monsoon Forest Shade 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 Monsoon Forest Shade.

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

Data visualization

#344A34#4F6A4F#2A3A2A#688A68#425C42

Palette guide

How to use Monsoon Forest Shade

Overview

The Monsoon Forest Shade palette offers a rich, deep collection of verdant greens that perfectly capture the essence of a dense, shadowed jungle. This dark and sophisticated color scheme, featuring grounding tones like #344A34 and the even deeper #2A3A2A, is ideal for projects requiring a sense of natural luxury and mystery. Designers will appreciate the subtle variations, such as the mid-tone #4F6A4F and the slightly brighter #688A68, which allow for depth without sacrificing the moody aesthetic. Developers can leverage these hex codes to create immersive user interfaces, ensuring a cohesive and elegant digital experience that evokes lush, thriving ecosystems. This palette is truly a celebration of nature's darker, more enigmatic side.

Best used for

  • Luxury eco-tourism branding
  • High-end spa and wellness websites
  • Nature-themed editorial design
  • Sophisticated user interfaces for apps
  • Environmental conservation campaigns
  • Dark mode web applications

Suggested color roles

primary

Use #344A34 as your foundational brand color, representing stability and depth in headers or main content blocks.

secondary

Employ #4F6A4F for supportive elements, subheadings, or background sections that need a slightly lighter, yet still deep, green.

accent

Highlight interactive elements, buttons, or key information with #688A68, offering a subtle lift without disrupting the palette's mood.

background

The deepest #2A3A2A provides an immersive, dark background for a truly moody and sophisticated user experience.

text

For optimal readability on dark backgrounds like #2A3A2A, use #688A68 for larger text or a crisp off-white for body copy.

Accessibility notes

  • Ensure sufficient contrast when using #688A68 for text on darker shades like #344A34; a lighter text color might be needed.
  • The darkest color, #2A3A2A, provides excellent contrast for white or very light text, making it suitable for body copy backgrounds.
  • Avoid using mid-tones like #4F6A4F and #425C42 as text/background pairs due to potentially low contrast.
  • For critical alerts or interactive states, consider a highly contrasting color outside the palette to ensure visibility.

Recommended combinations

Deep Forest Base

Ideal for a dark, layered background with primary content elements.

#2A3A2A · #344A34 · #4F6A4F

Verdant Focus

Combine for a primary section with a bright accent and a supporting dark tone.

#344A34 · #688A68 · #425C42

Shaded Contrast

Use for strong visual hierarchy, from a very dark base to a subtle highlight.

#2A3A2A · #425C42 · #688A68

CSS variables

:root {
  --monsoon-forest-shade-1: #344A34;
  --monsoon-forest-shade-2: #4F6A4F;
  --monsoon-forest-shade-3: #2A3A2A;
  --monsoon-forest-shade-4: #688A68;
  --monsoon-forest-shade-5: #425C42;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "monsoon-forest-shade": {
        1: "#344A34",
        2: "#4F6A4F",
        3: "#2A3A2A",
        4: "#688A68",
        5: "#425C42",
      }
    }
  }
}

Related searches

dark green color schemejungle palette designmoody green brandinglush forest UIdeep nature colors

Palette colors

Hex values

Color 1#344A34
·
Color 2#4F6A4F
·
Color 3#2A3A2A
·
Color 4#688A68
·
Color 5#425C42
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.3:1Fail
2.5:1Fail
1.3:1Fail
2
1.6:1Fail
2:1Fail
1.5:1Fail
1.2:1Fail
3
1.3:1Fail
2:1Fail
3.1:1AA18
1.6:1Fail
4
2.5:1Fail
1.5:1Fail
3.1:1AA18
1.9:1Fail
5
1.3:1Fail
1.2:1Fail
1.6:1Fail
1.9:1Fail

Similar palettes

More like Monsoon Forest Shade

View all dark
Enchanted Gloom Nook
Shadowed Pine Forest
Ancient Cypress Shade
Ancient Forest Depths
Dark Forest Glade
Dark Forest Lore