Palette

Jade Mountain Sanctuary

Deep greens and lighter, misty shades capture the serene and lush essence of an ancient mountain sanctuary.

earthcalm5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Jade Mountain Sanctuary 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 Jade Mountain Sanctuary.

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

Data visualization

#0E2F23#2D5745#508569#8CBF9F#D2E8D8

Palette guide

How to use Jade Mountain Sanctuary

Overview

The Jade Mountain Sanctuary palette offers a profound journey through deep greens and lighter, misty shades, perfectly capturing the serene and lush essence of an ancient mountain sanctuary. With colors ranging from the strong `#0E2F23` to the airy `#D2E8D8`, this palette is ideal for creating an earthy, peaceful, and grounding aesthetic. Designers can effectively use `#2D5745` and `#508569` for versatile mid-tones, while `#8CBF9F` provides a gentle, inviting base. This collection ensures a harmonious visual experience, promoting feelings of tranquility and connection to nature, suitable for various design applications.

Best used for

Outdoor and adventure brand identities
Eco-tourism and nature retreat websites
Wellness and organic product packaging
Sustainable living and eco-conscious blogs
Meditation and mindfulness app interfaces
Interior design for natural, calming spaces

Suggested color roles

primary

Use `#2D5745` for main brand elements, headings, and interactive components. It's rich and approachable.

secondary

Apply `#0E2F23` for navigation, footers, or as a deep background for high-contrast sections, providing a strong anchor.

accent

Reserve `#D2E8D8` for subtle highlights, delicate illustrations, or as a very light background for emphasis.

background

Employ `#8CBF9F` for primary content areas, offering a soft, light, and refreshing backdrop.

text

Utilize `#0E2F23` for all body text to ensure maximum readability and a cohesive, earthy look.

Accessibility notes

Ensure `#0E2F23` provides sufficient contrast against lighter shades like `#8CBF9F` and `#D2E8D8` for text.
Avoid using `#D2E8D8` for any text elements as it lacks sufficient contrast against most backgrounds.
When using lighter greens for interactive elements, verify their contrast with surrounding colors.
White text on `#0E2F23` or `#2D5745` offers excellent readability and a crisp, clean appearance.

Recommended combinations

Forest Depth

Creates a deep, layered effect, perfect for hero images or sections requiring a strong, natural presence.

#0E2F23 · #2D5745 · #508569

Misty Ascent

Offers a gentle, ethereal progression, ideal for backgrounds, subtle gradients, or decorative elements.

#508569 · #8CBF9F · #D2E8D8

Earthy Contrast

Combines strong grounding with soft highlights, suitable for clean layouts and clear information hierarchy.

#0E2F23 · #8CBF9F · #D2E8D8

CSS variables

:root {
  --jade-mountain-sanctuary-2-1: #0E2F23;
  --jade-mountain-sanctuary-2-2: #2D5745;
  --jade-mountain-sanctuary-2-3: #508569;
  --jade-mountain-sanctuary-2-4: #8CBF9F;
  --jade-mountain-sanctuary-2-5: #D2E8D8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jade-mountain-sanctuary-2": {
        1: "#0E2F23",
        2: "#2D5745",
        3: "#508569",
        4: "#8CBF9F",
        5: "#D2E8D8",
      }
    }
  }
}

Hex values

Color 1#0E2F23

Color 2#2D5745

Color 3#508569

Color 4#8CBF9F

Color 5#D2E8D8

Accessibility

Contrast checker

1.8:1Fail

3.4:1AA18

6.9:1AA

11.2:1AAA

1.8:1Fail

1.9:1Fail

3.9:1AA18

6.4:1AA

3.4:1AA18

1.9:1Fail

2.1:1Fail

3.3:1AA18

6.9:1AA

3.9:1AA18

2.1:1Fail

1.6:1Fail

11.2:1AAA

6.4:1AA

3.3:1AA18

1.6:1Fail

Similar palettes

More like Jade Mountain Sanctuary

View all earth

Ancient Grove Calm

Ancient Forest Hearth