Back to palettes

Palette

Jade Empress

A majestic array of deep and luminous greens, inspired by the regal beauty and preciousness of jade.

earthelegant5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#006B3C#2E8B57#3CB371#6B8E23#8FBC8F

Palette guide

How to use Jade Empress

Overview

The Jade Empress palette presents a majestic array of deep and luminous greens, perfectly capturing the regal beauty and preciousness of jade. From the rich emerald depths of #006B3C to the vibrant vitality of #3CB371, and accented by the unique olive-green of #6B8E23, this collection offers both sophistication and natural charm. The lighter #8FBC8F provides a gentle counterpoint, ensuring versatility for various design applications. This palette is ideal for projects that aim to convey elegance, luxury, and a connection to nature's enduring beauty, creating a serene yet powerful visual experience.

Best used for

  • High-end jewelry or fashion branding
  • Eco-luxury product packaging
  • Botanical garden or nature reserve websites
  • Spa and wellness center interiors
  • Cultural heritage project visuals
  • Elegant wedding invitations

Suggested color roles

primary

A deep, commanding emerald (#006B3C), excellent for brand logos, main navigation, or impactful headings.

secondary

A slightly lighter, yet still rich green (#2E8B57), perfect for subheadings, key information panels, or call-to-action buttons.

accent

A bright, refreshing jade green (#3CB371) that draws attention to interactive elements, icons, or illustrative details.

background

A muted, soft sage green (#8FBC8F), providing a calming and natural backdrop for content.

text

Use #006B3C or a dark charcoal for body text on light backgrounds. Consider #8FBC8F for text on darker elements like #006B3C.

Accessibility notes

  • Ensure #006B3C and #2E8B57 offer sufficient contrast against #8FBC8F for body text.
  • #3CB371 may require careful contrast checking for small text, especially on mid-tone backgrounds.
  • #6B8E23 can serve as a strong text color on very light backgrounds, but test thoroughly.
  • Avoid using #8FBC8F for text on backgrounds like #3CB371 due to low contrast.

Recommended combinations

Imperial Elegance

Classic and sophisticated, ideal for corporate branding or luxury product interfaces.

#006B3C · #2E8B57 · #8FBC8F

Vibrant Nature

Captures a lively, organic feel, great for environmental initiatives or fresh product designs.

#2E8B57 · #3CB371 · #6B8E23

Regal Accent

Uses a bright jade as a focal point against a deep base and soft background, perfect for highlighting.

#006B3C · #3CB371 · #8FBC8F

CSS variables

:root {
  --jade-empress-1: #006B3C;
  --jade-empress-2: #2E8B57;
  --jade-empress-3: #3CB371;
  --jade-empress-4: #6B8E23;
  --jade-empress-5: #8FBC8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jade-empress": {
        1: "#006B3C",
        2: "#2E8B57",
        3: "#3CB371",
        4: "#6B8E23",
        5: "#8FBC8F",
      }
    }
  }
}

Related searches

emerald green color schemeluxurious jade palettenature inspired branding colorselegant green web designprecious gemstone greens

Palette colors

Hex values

Color 1#006B3C
·
Color 2#2E8B57
·
Color 3#3CB371
·
Color 4#6B8E23
·
Color 5#8FBC8F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
1.7:1Fail
3.1:1AA18
2
1.6:1Fail
1.6:1Fail
1.1:1Fail
2:1Fail
3
2.5:1Fail
1.6:1Fail
1.4:1Fail
1.2:1Fail
4
1.7:1Fail
1.1:1Fail
1.4:1Fail
1.8:1Fail
5
3.1:1AA18
2:1Fail
1.2:1Fail
1.8:1Fail

Similar palettes

More like Jade Empress

View all earth
Dragon Scales
Veridian Relic Carving
Vintage Botanical Print
Aged Copper Patina
Aged Parchment Study
Ambergris Dream