Palette

Ancient Temple Jade

Deep, rich greens and cool aquas inspired by the sacred serenity and beauty of ancient jade carvings.

CoolElegant5 colors

More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2A524A#4E8077#7AC7BE#B2DFDB#1F3C38

Palette guide

How to use Ancient Temple Jade

Overview

The 'Ancient Temple Jade' palette features deep, rich greens and cool aquas inspired by the sacred serenity and beauty of ancient jade carvings. With shades ranging from the dark #1F3C38 to the bright #B2DFDB, and including versatile mid-tones like #4E8077, this cool and elegant palette is perfect for designers and developers crafting sophisticated, oriental, and tranquil designs. It provides a harmonious blend of lush greens, ideal for conveying luxury, spiritual calm, and a sense of timeless beauty in various digital and physical applications, from spa branding to high-end jewelry.

Best used for

Luxury spa and wellness branding
Asian-inspired design and aesthetics
High-end jewelry and accessory brands
Meditation retreats and centers
Serene digital interfaces and apps
Cultural exhibitions and displays

Suggested color roles

primary

Utilize #2A524A as a deep, sophisticated green for primary elements, such as headers or main content blocks, providing a sense of luxury.

secondary

Apply #4E8077 as a mid-tone, calming aqua-green for supporting sections, subheadings, or subtle graphical accents, adding visual depth.

accent

Introduce #7AC7BE as a bright, ethereal jade highlight for interactive elements, delicate details, or to create visual separation and focus.

background

Employ #B2DFDB as a light, cool mint background, offering a clean and expansive canvas with a tranquil feel.

text

For optimal readability, use #1F3C38 (a very dark, almost black-green) for all body text and headings, ensuring strong contrast against lighter backgrounds like #B2DFDB.

Accessibility notes

Ensure #1F3C38 text on #B2DFDB background meets WCAG AA contrast standards for readability.
#2A524A provides good contrast on #7AC7BE for headings and key information.
Avoid using #7AC7BE for small text on #B2DFDB due to potential low contrast.
Check contrast for all interactive elements to ensure consistent legibility and usability.

Recommended combinations

Deep Jade

Creates a rich, grounding depth suitable for prominent content blocks, footers, or deep textural backgrounds.

#1F3C38 · #2A524A · #4E8077

Jade Glow

Ideal for layered backgrounds, subtle gradients, or overlays that evoke light, ethereal jade textures.

#4E8077 · #7AC7BE · #B2DFDB

Temple Serenity

A contrasting yet elegant combination for titles, hero sections, or key informational graphics.

#2A524A · #B2DFDB · #1F3C38

CSS variables

:root {
  --ancient-temple-jade-1: #2A524A;
  --ancient-temple-jade-2: #4E8077;
  --ancient-temple-jade-3: #7AC7BE;
  --ancient-temple-jade-4: #B2DFDB;
  --ancient-temple-jade-5: #1F3C38;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-temple-jade": {
        1: "#2A524A",
        2: "#4E8077",
        3: "#7AC7BE",
        4: "#B2DFDB",
        5: "#1F3C38",
      }
    }
  }
}

Hex values

Color 1#2A524A

Color 2#4E8077

Color 3#7AC7BE

Color 4#B2DFDB

Color 5#1F3C38

Accessibility

Contrast checker

1.9:1Fail

4.5:1AA18

6:1AA

1.4:1Fail

1.9:1Fail

2.3:1Fail

3.1:1AA18

2.7:1Fail

4.5:1AA18

2.3:1Fail

1.3:1Fail

6.1:1AA

6:1AA

3.1:1AA18

1.3:1Fail

8.2:1AAA

1.4:1Fail

2.7:1Fail

6.1:1AA

8.2:1AAA

Similar palettes

More like Ancient Temple Jade

View all Cool

Emerald City Glamour

Nouveau Glass Garden

Verdigris Ceramic Haze

Crystal Cave Glow

Regal Bloom

Amethyst Cavern Glow