Palette

Ancient Jade Temple

Rich, deep greens and softer mossy tones inspired by ancient jade carvings and serene temples.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Jade Temple 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 Ancient Jade Temple.

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

Data visualization

#006400#3CB371#90EE90#8FBC8F#2E8B57

Palette guide

How to use Ancient Jade Temple

Overview

The Ancient Jade Temple palette presents a vibrant yet serene collection of greens, drawing inspiration from rich jade and tranquil temple aesthetics. This versatile palette includes a deep forest green #006400, a lively medium emerald #3CB371, and a bright, refreshing light green #90EE90. Developers and designers can harness these hues to create natural, calming, or culturally inspired digital experiences and branding. The inclusion of a muted moss green #8FBC8F and a balanced sea green #2E8B57 provides depth and flexibility, allowing for harmonious layering and a cohesive visual flow that evokes growth, tranquility, and elegance.

Best used for

Asian-inspired restaurant or spa branding
Nature conservation websites and apps
Health and wellness product packaging
Zen garden or meditation space design concepts
Educational content about East Asian culture or nature
Sustainable fashion brand identity

Suggested color roles

primary

Use #006400 (Deep Green) for dominant sections, headers, or backgrounds to establish a strong, grounding natural presence.

secondary

Apply #2E8B57 (Sea Green) for supporting elements, sidebars, or secondary calls-to-action, adding balance and depth.

accent

Highlight key information or interactive elements with #3CB371 (Medium Emerald), providing a fresh, vibrant pop.

background

A subtle, calming background can be achieved with #8FBC8F (Moss Green), offering a gentle base for other elements.

text

For dark backgrounds, use white or a very light cream. For #90EE90, use a dark green like #006400 or black for text.

Accessibility notes

Ensure high contrast when using #90EE90 (Light Green) as text on any mid-tone greens; it often requires a very dark background.
Pair white or a very light grey with #006400 and #2E8B57 for optimal text readability to meet WCAG AA standards.
Avoid using #8FBC8F (Moss Green) for small text on #3CB371 (Medium Emerald) backgrounds, as the contrast might be insufficient.
For interactive elements, ensure distinct visual cues beyond color, especially when using adjacent similar shades of green.

Recommended combinations

Temple Serenity

Ideal for a balanced, natural layout, suitable for main content areas and vibrant accents.

#006400 · #2E8B57 · #90EE90

Jade Bloom

Great for illustrative elements, subtle gradients, or highlighting sections with a fresh, organic feel.

#3CB371 · #8FBC8F · #006400

Deep Sanctuary

Use for a sophisticated, deep green theme, perfect for luxury nature brands or immersive experiences.

#006400 · #2E8B57 · #3CB371

CSS variables

:root {
  --ancient-jade-temple-1: #006400;
  --ancient-jade-temple-2: #3CB371;
  --ancient-jade-temple-3: #90EE90;
  --ancient-jade-temple-4: #8FBC8F;
  --ancient-jade-temple-5: #2E8B57;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-jade-temple": {
        1: "#006400",
        2: "#3CB371",
        3: "#90EE90",
        4: "#8FBC8F",
        5: "#2E8B57",
      }
    }
  }
}

Hex values

Color 1#006400

Color 2#3CB371

Color 3#90EE90

Color 4#8FBC8F

Color 5#2E8B57

Accessibility

Contrast checker

2.8:1Fail

5.2:1AA

3.5:1AA18

1.8:1Fail

2.8:1Fail

1.9:1Fail

1.2:1Fail

1.6:1Fail

5.2:1AA

1.9:1Fail

1.5:1Fail

3:1Fail

3.5:1AA18

1.2:1Fail

1.5:1Fail

2:1Fail

1.8:1Fail

1.6:1Fail

3:1Fail

2:1Fail

Similar palettes

More like Ancient Jade Temple

Emerald Forest Depths