Palette

Royal Jade Empire

Rich and luxurious greens combined with deep blue-violets, evoking an ancient, regal empire.

ElegantElegant5 colors

More Elegant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#006400#228B22#3CB371#483D8B#66CDAA

Palette guide

How to use Royal Jade Empire

Overview

The Royal Jade Empire palette combines rich and luxurious greens with deep blue-violets, evoking an ancient, regal empire. Featuring the commanding #006400 and the vibrant #228B22, it transitions into the lively #3CB371. The deep #483D8B introduces a sophisticated contrast, while the serene #66CDAA offers a lighter, ethereal touch. This collection is ideal for designs that convey elegance, heritage, and natural opulence. Designers can leverage these hues for sophisticated branding, refined web interfaces, or elegant print materials, creating a visually rich and distinctive experience that balances tradition with a refreshing vibrancy.

Best used for

Luxury brand identity (especially with natural elements)
High-end cultural institution branding
Jewelry or bespoke craft e-commerce sites
Wellness and spa retreat marketing
Elegant editorial layouts
Interior design for sophisticated spaces

Suggested color roles

primary

Utilize #006400 as a commanding base for branding or significant sections, conveying deep luxury.

secondary

Apply #228B22 for supporting elements, subheadings, or darker UI components.

accent

Introduce #483D8B for sophisticated accents, call-to-actions, or to add a royal contrast.

background

A deep #006400 provides a dramatic backdrop for light text. #66CDAA can be a light, airy background.

text

White or light cream text offers excellent contrast on the darker greens and blue-violet. Dark charcoal on #66CDAA.

Accessibility notes

Ensure sufficient contrast when using lighter greens like #66CDAA for text on backgrounds.
Pair the deep #006400 and #483D8B with white or very light text for optimal readability.
Avoid using #3CB371 for small text on a dark background due to potential contrast issues.
Always verify color combinations meet WCAG AA standards for readability, especially for body text.

Recommended combinations

Jade & Amethyst

Perfect for creating a luxurious, contrasting brand identity or a sophisticated digital interface.

#006400 · #483D8B · #66CDAA

Emerald Harmony

Ideal for rich backgrounds, layered graphics, or sections that need a cohesive green feel.

#228B22 · #3CB371 · #006400

Imperial Contrast

Use for prominent call-to-actions, sub-sections, or to add a unique, regal flair.

#483D8B · #66CDAA · #228B22

CSS variables

:root {
  --royal-jade-empire-1: #006400;
  --royal-jade-empire-2: #228B22;
  --royal-jade-empire-3: #3CB371;
  --royal-jade-empire-4: #483D8B;
  --royal-jade-empire-5: #66CDAA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "royal-jade-empire": {
        1: "#006400",
        2: "#228B22",
        3: "#3CB371",
        4: "#483D8B",
        5: "#66CDAA",
      }
    }
  }
}

Hex values

Color 1#006400

Color 2#228B22

Color 3#3CB371

Color 4#483D8B

Color 5#66CDAA

Accessibility

Contrast checker

1.7:1Fail

2.8:1Fail

1.2:1Fail

3.9:1AA18

1.7:1Fail

1.6:1Fail

2.1:1Fail

2.3:1Fail

2.8:1Fail

1.6:1Fail

3.4:1AA18

1.4:1Fail

1.2:1Fail

2.1:1Fail

3.4:1AA18

4.7:1AA

3.9:1AA18

2.3:1Fail

1.4:1Fail

4.7:1AA

Similar palettes

More like Royal Jade Empire

View all Elegant

Ancient Temple Jade

Jade Empress Dream

Baroque Tapestry Weave

Deep Cave Emeralds

Emerald City Glamour

Jazz Age Geometry