Back to palettes

Palette

Jade Mountain Sanctuary

Rich greens echoing ancient jade and serene mountain forests, inviting peaceful contemplation.

earthnatural5 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

#00A86B#32CD32#6B8E23#228B22#006400

Palette guide

How to use Jade Mountain Sanctuary

Overview

The Jade Mountain Sanctuary palette features rich greens that echo ancient jade and serene mountain forests, inviting peaceful contemplation. With colors ranging from the deep `#006400` to the vibrant `#32CD32`, this palette is ideal for projects centered around nature, mindfulness, and tranquility. Designers can effectively use `#00A86B` as a balanced primary hue, while `#228B22` and `#6B8E23` provide versatile mid-tones. This collection ensures a harmonious and natural visual experience, promoting feelings of calm and organic beauty, making it excellent for various meditative and eco-conscious design applications.

Best used for

  • Yoga and meditation studio branding
  • Eco-resort and retreat marketing materials
  • Mindfulness and wellness app interfaces
  • Organic food and sustainable product packaging
  • Nature conservation and environmental websites
  • Interior design for calming, natural spaces

Suggested color roles

primary

Use `#00A86B` for main headings, interactive elements, and key brand accents. It's balanced and inviting.

secondary

Apply `#006400` for navigation, footers, or as a strong background to establish depth and ensure readability.

accent

Reserve `#32CD32` for call-to-action buttons, subtle highlights, or graphical elements that need a fresh, vibrant pop.

background

Employ `#228B22` for primary content areas, providing a versatile mid-tone that feels natural and grounded.

text

Utilize `#006400` for all body text to ensure maximum readability and a cohesive, natural aesthetic.

Accessibility notes

  • Ensure `#006400` provides sufficient contrast against lighter shades like `#32CD32` and `#6B8E23` for text.
  • Avoid using `#32CD32` for extensive body text as its brightness can be fatiguing.
  • When pairing lighter greens, verify their contrast ratio meets WCAG standards, especially for interactive elements.
  • White text on `#006400` or `#228B22` offers excellent readability and a crisp, clean appearance.

Recommended combinations

Deep Contemplation

Creates a deep, contemplative feel, perfect for hero sections or brand storytelling.

#006400 · #228B22 · #00A86B

Natural Harmony

Offers a vibrant yet balanced progression, ideal for highlighting features or visual narratives.

#00A86B · #32CD32 · #6B8E23

Earthy Fresh

Combines deep grounding with fresh accents, suitable for compelling calls to action or product displays.

#006400 · #6B8E23 · #32CD32

CSS variables

:root {
  --jade-mountain-sanctuary-1: #00A86B;
  --jade-mountain-sanctuary-2: #32CD32;
  --jade-mountain-sanctuary-3: #6B8E23;
  --jade-mountain-sanctuary-4: #228B22;
  --jade-mountain-sanctuary-5: #006400;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jade-mountain-sanctuary": {
        1: "#00A86B",
        2: "#32CD32",
        3: "#6B8E23",
        4: "#228B22",
        5: "#006400",
      }
    }
  }
}

Related searches

meditation green palettenatural sanctuary colorsrich forest greensorganic jade schemepeaceful green design

Palette colors

Hex values

Color 1#00A86B
·
Color 2#32CD32
·
Color 3#6B8E23
·
Color 4#228B22
·
Color 5#006400
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.2:1Fail
1.4:1Fail
2.4:1Fail
2
1.5:1Fail
1.8:1Fail
2.1:1Fail
3.5:1AA18
3
1.2:1Fail
1.8:1Fail
1.2:1Fail
2:1Fail
4
1.4:1Fail
2.1:1Fail
1.2:1Fail
1.7:1Fail
5
2.4:1Fail
3.5:1AA18
2:1Fail
1.7:1Fail

Similar palettes

More like Jade Mountain Sanctuary

View all earth
Ancient Jade Temple
Jade Canopy Gaze
Jade Forest Canopy
Botanical Bloom Line
Botanical Herbarium Shade
Botanical Leaf Veins