Palette

Jade Empress Dream

Lush greens reminiscent of precious jade and imperial gardens, conveying regal serenity and natural beauty.

EarthElegant5 colors

More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#004D40#1B5E20#2E7D32#4CAF50#8BC34A

Palette guide

How to use Jade Empress Dream

Overview

The Jade Empress Dream palette offers a rich tapestry of lush greens, evoking precious jade and the serene beauty of imperial gardens. Spanning from the deep, grounding #004D40 to the vibrant #8BC34A, this palette also features the robust #1B5E20, the balanced #2E7D32, and the refreshing #4CAF50. Designers and developers can leverage these hues to craft elegant, sophisticated digital experiences, branding, or print materials that convey a sense of regal serenity and natural opulence. It's an excellent choice for projects requiring a blend of historical grandeur with a fresh, organic feel, suitable for luxury and nature-inspired themes.

Best used for

Luxury organic product branding
Botanical art and illustration
High-end garden design websites
Historical or cultural presentations
Wellness and mindfulness platforms
Upscale nature-themed resorts

Suggested color roles

primary

Use #2E7D32 for main interactive elements or prominent headings, providing a balanced and inviting focus.

secondary

Apply #4CAF50 for supporting content or secondary navigation, offering a refreshing and harmonious feel.

accent

Employ #004D40 sparingly for powerful accents or calls-to-action, grounding the design with deep elegance.

background

A light cream or very soft white background will allow the richness of these greens to truly shine.

text

For body text, #004D40 offers excellent contrast and a sophisticated touch against light backgrounds.

Accessibility notes

Ensure #004D40 text on a light background (e.g., white) meets WCAG AA standards for readability.
Verify contrast for #2E7D32 and #4CAF50 when used as text on light backgrounds.
Avoid using #8BC34A for small text unless on a very dark background due to its vibrancy.
For interactive elements, ensure clear hover/focus states maintain sufficient contrast.

Recommended combinations

Imperial Bloom

Ideal for vibrant UI elements, bringing a fresh and energetic feel to the design.

#8BC34A · #4CAF50 · #2E7D32

Garden Depths

Excellent for sophisticated branding, creating strong visual hierarchy with natural depth.

#004D40 · #1B5E20 · #4CAF50

Jade Foliage

Effective for infographics or layered content, showing growth and natural progression.

#1B5E20 · #2E7D32 · #8BC34A

CSS variables

:root {
  --jade-empress-dream-1: #004D40;
  --jade-empress-dream-2: #1B5E20;
  --jade-empress-dream-3: #2E7D32;
  --jade-empress-dream-4: #4CAF50;
  --jade-empress-dream-5: #8BC34A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jade-empress-dream": {
        1: "#004D40",
        2: "#1B5E20",
        3: "#2E7D32",
        4: "#4CAF50",
        5: "#8BC34A",
      }
    }
  }
}

Hex values

Color 1#004D40

Color 2#1B5E20

Color 3#2E7D32

Color 4#4CAF50

Color 5#8BC34A

Accessibility

Contrast checker

1.2:1Fail

1.9:1Fail

3.5:1AA18

4.7:1AA

1.2:1Fail

1.5:1Fail

2.8:1Fail

3.7:1AA18

1.9:1Fail

1.5:1Fail

1.8:1Fail

2.4:1Fail

3.5:1AA18

2.8:1Fail

1.8:1Fail

1.3:1Fail

4.7:1AA

3.7:1AA18

2.4:1Fail

1.3:1Fail

Similar palettes

More like Jade Empress Dream

View all Earth

Aged Bronze Patina

Ancient Bronze Patina

Ancient Temple Jade

Jade Mountain Sanctuary

Ancient Forest Roots

Botanical Sketch Book