Palette

Lost Jungle Ruin

Mossy greens and muted stone tones portray forgotten ruins reclaimed by the jungle's embrace.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3A5E3F#5F7F4D#8B9E77#A5B899#C4D1BF

Palette guide

How to use Lost Jungle Ruin

Overview

The Lost Jungle Ruin palette captures the serene yet ancient essence of forgotten ruins reclaimed by nature. With a deep jungle green (#3A5E3F), a mossy green (#5F7F4D), a muted sage (#8B9E77), a light stone green (#A5B899), and a very light grey-green (#C4D1BF), this palette offers a harmonious blend of natural, earthy tones. It's an excellent choice for designers and developers aiming to evoke tranquility, sustainability, or historical depth. The muted greens and stone hues create a calm, organic, and timeless aesthetic, perfect for designs that connect with nature or ancient narratives.

Best used for

Eco-conscious branding and sustainability reports
Nature-themed websites and documentaries
Historical preservation and archaeological sites
Tranquil spa and wellness environments
Organic food packaging and branding
Educational content about nature or history

Suggested color roles

primary

Use #3A5E3F as a deep, grounding primary color for headers, navigation, or strong brand elements, representing the lush jungle.

secondary

Employ #5F7F4D for secondary elements, backgrounds, or content blocks to introduce a softer, mossy texture.

accent

Apply #8B9E77 as a subtle accent for highlights, iconography, or decorative elements, reminiscent of aged stone.

background

Utilize #C4D1BF for an airy, natural background, or a clean white to allow the greens to truly flourish.

text

For optimal readability, use #3A5E3F for primary text on lighter backgrounds, or a dark charcoal like #222222 for better contrast.

Accessibility notes

Ensure sufficient contrast between text and background, especially when pairing lighter greens like #A5B899 with text.
Use darker greens like #3A5E3F for body text to ensure legibility across various devices.
Avoid using too many similar shades for critical information; differentiate with hue or saturation if possible.
Test color combinations under different lighting conditions to maintain readability.

Recommended combinations

Jungle Canopy

Creates a lush, layered natural feel, ideal for eco-friendly or outdoor themes.

#3A5E3F · #5F7F4D · #A5B899

Ancient Stone

Offers a calm, historical aesthetic, perfect for conveying age and serenity.

#8B9E77 · #C4D1BF · #3A5E3F

Mossy Path

Provides a soft, organic gradient, suitable for backgrounds or subtle design elements.

#5F7F4D · #A5B899 · #C4D1BF

CSS variables

:root {
  --lost-jungle-ruin-1: #3A5E3F;
  --lost-jungle-ruin-2: #5F7F4D;
  --lost-jungle-ruin-3: #8B9E77;
  --lost-jungle-ruin-4: #A5B899;
  --lost-jungle-ruin-5: #C4D1BF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lost-jungle-ruin": {
        1: "#3A5E3F",
        2: "#5F7F4D",
        3: "#8B9E77",
        4: "#A5B899",
        5: "#C4D1BF",
      }
    }
  }
}

Hex values

Color 1#3A5E3F

Color 2#5F7F4D

Color 3#8B9E77

Color 4#A5B899

Color 5#C4D1BF

Accessibility

Contrast checker

1.6:1Fail

2.5:1Fail

3.5:1AA18

4.6:1AA

1.6:1Fail

2.1:1Fail

2.9:1Fail

2.5:1Fail

1.6:1Fail

1.4:1Fail

1.8:1Fail

3.5:1AA18

2.1:1Fail

1.4:1Fail

1.3:1Fail

4.6:1AA

2.9:1Fail

1.8:1Fail

1.3:1Fail

Similar palettes

More like Lost Jungle Ruin

Lost Jungle Ruin

See it in context.

Ready when you are.

Built with Lost Jungle Ruin.

How to use Lost Jungle Ruin

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Jungle Canopy

Ancient Stone

Mossy Path

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Lost Jungle Ruin