Back to palettes

Palette

Monsoon Mire Deep

A rich, deep collection of murky browns and greens, evoking the saturated earth after a heavy monsoon rain.

earthdark5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Monsoon Mire Deep 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 Mire Deep.

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

Data visualization

#4F4F2F#6B6B45#8B8B6B#A5A58B#3A3A1F

Palette guide

How to use Monsoon Mire Deep

Overview

The Monsoon Mire Deep palette is a rich, earthy collection of deep, murky browns and olive greens, perfectly evoking the saturated ground after a heavy monsoon rain. Anchored by the robust #4F4F2F and the even deeper #3A3A1F, this palette exudes a rugged, organic strength. The mid-tones like #6B6B45 and #8B8B6B, alongside the lightest #A5A58B, offer subtle variations for texture and depth. Designers will find this palette excellent for projects that require a strong, grounded, and natural aesthetic, such as outdoor gear or artisanal goods. Developers can leverage these hex codes to create immersive, dark-themed interfaces that feel authentic and deeply connected to the earth.

Best used for

  • Rugged outdoor gear and apparel branding
  • Artisanal craft and handmade product websites
  • Rustic interior design and decor themes
  • Historical documentaries and educational content
  • Strong, masculine brand identities
  • Organic farm-to-table restaurant websites

Suggested color roles

primary

Use #4F4F2F as the deep, robust anchor for branding, main navigation, or impactful headings.

secondary

Apply #3A3A1F for strong, grounding elements like footers or deep background sections, providing ultimate depth.

accent

Highlight subtle details, larger headings, or textural elements with #8B8B6B, offering a lighter, earthy contrast.

background

The deepest #3A3A1F creates an immersive, dark, and earthy background, perfect for a strong visual statement.

text

For optimal readability on dark backgrounds like #3A3A1F, use #A5A58B or a warm off-white for body copy.

Accessibility notes

  • White or a very light cream text on #3A3A1F or #4F4F2F provides optimal contrast for readability.
  • Ensure #A5A58B has sufficient contrast when used as text on #6B6B45, especially for smaller font sizes.
  • Avoid using mid-tones like #6B6B45 and #8B8B6B as text/background pairs due to low contrast, which can hinder readability.
  • For critical interactive elements or alerts, consider a distinctly brighter, non-palette color to ensure visibility.

Recommended combinations

Deep Earth Layers

Creates a strong, layered effect from darkest to mid-dark for main content areas or deep graphical elements.

#3A3A1F · #4F4F2F · #6B6B45

Mire Texture

Ideal for textural elements, subtle highlights, or sections emphasizing organic, weathered surfaces.

#4F4F2F · #8B8B6B · #A5A58B

Saturated Ground

Combines a deep base with a mid-tone and a light highlight for balanced, earthy visuals.

#3A3A1F · #6B6B45 · #A5A58B

CSS variables

:root {
  --monsoon-mire-deep-1: #4F4F2F;
  --monsoon-mire-deep-2: #6B6B45;
  --monsoon-mire-deep-3: #8B8B6B;
  --monsoon-mire-deep-4: #A5A58B;
  --monsoon-mire-deep-5: #3A3A1F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "monsoon-mire-deep": {
        1: "#4F4F2F",
        2: "#6B6B45",
        3: "#8B8B6B",
        4: "#A5A58B",
        5: "#3A3A1F",
      }
    }
  }
}

Related searches

dark earthy palettemuddy green colorsmonsoon brown greenrugged nature designdeep olive tones

Palette colors

Hex values

Color 1#4F4F2F
·
Color 2#6B6B45
·
Color 3#8B8B6B
·
Color 4#A5A58B
·
Color 5#3A3A1F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.4:1Fail
3.4:1AA18
1.4:1Fail
2
1.5:1Fail
1.6:1Fail
2.2:1Fail
2.1:1Fail
3
2.4:1Fail
1.6:1Fail
1.4:1Fail
3.3:1AA18
4
3.4:1AA18
2.2:1Fail
1.4:1Fail
4.6:1AA
5
1.4:1Fail
2.1:1Fail
3.3:1AA18
4.6:1AA

Similar palettes

More like Monsoon Mire Deep

View all earth
Industrial Forge Ember
Evergreen Canopy Light
Molten Stone Texture
Moonlit Desert Sands
Terra Luna Dust
Ancient Relic Stone