Palette

Jungle Ruin Embrace

Moss-covered stones and creeping vines reclaim ancient ruins, evoking nature's powerful embrace.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Jungle Ruin Embrace 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 Jungle Ruin Embrace.

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

Data visualization

#424A3B#6F7C5D#A1AE91#C78065#3E5739

Palette guide

How to use Jungle Ruin Embrace

Overview

The Jungle Ruin Embrace palette captures the essence of moss-covered stones and creeping vines reclaiming ancient ruins, evoking nature's powerful embrace. With earthy shades like #424A3B, #6F7C5D, #A1AE91, #C78065, and #3E5739, this collection is perfect for designers and developers seeking a natural, historic, and serenely weathered aesthetic. It conveys a sense of timelessness, resilience, and the beauty of nature's reclamation, ideal for projects that connect with history, sustainability, or a rustic, organic feel. This palette ensures a harmonious and evocative visual experience, suitable for applications from digital storytelling to physical product branding, reflecting a profound connection to the past and nature.

Best used for

Historical preservation projects
Archaeology-themed games or media
Eco-conscious travel destinations
Natural history museums
Rustic home decor brands
Documentary filmmaking branding

Suggested color roles

primary

#3E5739 provides a deep, muted green, ideal for a solid, earthy foundation and core brand elements.

secondary

#6F7C5D offers a softer, mossy green for supporting elements, subheadings, or organic textures.

accent

#C78065 is a warm, rustic orange-brown, perfect for historical accents, focal points, or interactive elements.

background

#A1AE91 (a light, muted green-gray) serves as an aged, natural backdrop, enhancing a vintage feel.

text

#424A3B (darkest muted green) ensures excellent contrast for strong body text and readability on lighter backgrounds.

Accessibility notes

#424A3B provides good contrast on #A1AE91 for body text, ensuring clear readability.
#3E5739 also works well for text on the lightest background, suitable for headings.
Be cautious when using #6F7C5D or #C78065 for small text on similar mid-tone backgrounds, as contrast may be low.
Always check contrast ratios for all text and interactive elements to meet accessibility standards.

Recommended combinations

Ancient Stone

Creates muted, earthy tones for a sense of history and permanence, ideal for backgrounds.

#424A3B · #6F7C5D · #A1AE91

Vines & Relics

Contrasts green and warm brown for a rustic, overgrown feel, perfect for evocative imagery.

#3E5739 · #C78065 · #A1AE91

Mossy Patina

Offers layered greens and grays for a soft, aged texture, suitable for subtle gradients and organic elements.

#6F7C5D · #A1AE91 · #3E5739

CSS variables

:root {
  --jungle-ruin-embrace-1: #424A3B;
  --jungle-ruin-embrace-2: #6F7C5D;
  --jungle-ruin-embrace-3: #A1AE91;
  --jungle-ruin-embrace-4: #C78065;
  --jungle-ruin-embrace-5: #3E5739;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jungle-ruin-embrace": {
        1: "#424A3B",
        2: "#6F7C5D",
        3: "#A1AE91",
        4: "#C78065",
        5: "#3E5739",
      }
    }
  }
}

Hex values

Color 1#424A3B

Color 2#6F7C5D

Color 3#A1AE91

Color 4#C78065

Color 5#3E5739

Accessibility

Contrast checker

2.1:1Fail

3.9:1AA18

2.9:1Fail

1.2:1Fail

2.1:1Fail

1.9:1Fail

1.4:1Fail

1.8:1Fail

3.9:1AA18

1.9:1Fail

1.3:1Fail

3.4:1AA18

2.9:1Fail

1.4:1Fail

1.3:1Fail

2.6:1Fail

1.2:1Fail

1.8:1Fail

3.4:1AA18

2.6:1Fail

Similar palettes

More like Jungle Ruin Embrace

View all earth

Lost Jungle Ruin

Ancient Temple Moss

Lush Rainforest Floor

Rainforest Floor Canopy

Tropical Rainforest Floor

Botanical Herbarium Shade