Back to palettes

Palette

Jade Empress

A regal progression of jade greens, reflecting the serene beauty and rich tradition of imperial artistry.

monochromeelegant5 colors
More monochrome 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

#005B41#218F76#4BBF9A#8CDAC7#C9EDDD

Palette guide

How to use Jade Empress

Overview

The Jade Empress palette presents a regal and serene progression of jade greens, reflecting imperial artistry and natural elegance. From the deep, grounding #005B41 to the soft, ethereal #C9EDDD, this palette includes the vibrant #218F76, the balanced #4BBF9A, and the refreshing #8CDAC7. Designers and developers can effectively use these hues to craft sophisticated digital experiences, branding, or print materials that convey a sense of luxury, tranquility, and timeless beauty. It's an excellent choice for projects requiring a refined, nature-inspired aesthetic, from high-end fashion to wellness and cultural institutions.

Best used for

  • Luxury fashion brand identity
  • Cultural heritage websites
  • High-end spa and beauty products
  • Elegant wedding stationery
  • Art gallery digital interfaces
  • Refined interior decor inspiration

Suggested color roles

primary

Use #218F76 for main interactive elements or brand highlights, offering an engaging and refined presence.

secondary

Apply #4BBF9A for supporting content, subheadings, or secondary buttons, providing soft harmony.

accent

Employ #005B41 sparingly for critical calls-to-action or powerful accents, grounding the design with depth.

background

The softest #C9EDDD serves as an ethereal background, creating a sense of spaciousness and purity.

text

For body text, #005B41 offers excellent readability against lighter backgrounds, or use a deep charcoal.

Accessibility notes

  • Ensure #005B41 text on #C9EDDD background meets WCAG AA standards for general readability.
  • Verify contrast for #218F76 and #4BBF9A when used as text on the lightest background #C9EDDD.
  • Avoid using #8CDAC7 for small text; reserve it for larger titles or decorative elements.
  • For interactive elements, ensure distinct visual feedback for hover and focus states against the background.

Recommended combinations

Empress's Veil

Ideal for soft, elegant backgrounds and subtle UI elements in luxury interfaces.

#C9EDDD · #8CDAC7 · #4BBF9A

Jade Dynasty

Excellent for sophisticated branding, creating strong visual hierarchy and regal appeal.

#005B41 · #218F76 · #C9EDDD

Forest Whisper

Effective for infographics or layered content, providing a harmonious and flowing feel.

#218F76 · #4BBF9A · #8CDAC7

CSS variables

:root {
  --jade-empress-2-1: #005B41;
  --jade-empress-2-2: #218F76;
  --jade-empress-2-3: #4BBF9A;
  --jade-empress-2-4: #8CDAC7;
  --jade-empress-2-5: #C9EDDD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jade-empress-2": {
        1: "#005B41",
        2: "#218F76",
        3: "#4BBF9A",
        4: "#8CDAC7",
        5: "#C9EDDD",
      }
    }
  }
}

Related searches

regal jade green paletteelegant monochrome greenimperial green brandingtimeless jade color schemesophisticated forest hues

Palette colors

Hex values

Color 1#005B41
·
Color 2#218F76
·
Color 3#4BBF9A
·
Color 4#8CDAC7
·
Color 5#C9EDDD
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.6:1AA18
5:1AA
6.5:1AA
2
2:1Fail
1.8:1Fail
2.5:1Fail
3.2:1AA18
3
3.6:1AA18
1.8:1Fail
1.4:1Fail
1.8:1Fail
4
5:1AA
2.5:1Fail
1.4:1Fail
1.3:1Fail
5
6.5:1AA
3.2:1AA18
1.8:1Fail
1.3:1Fail

Similar palettes

More like Jade Empress

View all monochrome
Jade Empress Jewel
Art Nouveau Vine
Enchanted Dewdrop Emerald
Jade Dragon Temple
Ancient Marble Column
Ancient Marble Statue