Back to palettes

Palette

Royal Emerald Court

Deep, majestic greens that exude regal elegance, reminiscent of rich tapestries and polished gemstones in an ancient court.

darkelegant5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Royal Emerald Court 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 Emerald Court.

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

Data visualization

#006400#228B22#3CB371#6B8E23#8FBC8F

Palette guide

How to use Royal Emerald Court

Overview

The Royal Emerald Court palette exudes majestic elegance with its deep, rich greens, reminiscent of ancient tapestries and polished gemstones. Featuring a strong #006400 and a vibrant #228B22, it transitions into the lively #3CB371, balanced by the earthy #6B8E23 and the softer #8FBC8F. This collection is ideal for designs requiring a sense of luxury, tradition, and natural sophistication. Designers can use these hues to create opulent branding, refined web interfaces, or elegant print materials. The Royal Emerald Court palette offers versatility for both bold statements and subtle, harmonious compositions, ensuring a rich and dignified visual experience.

Best used for

  • Luxury brand identity and packaging
  • High-end event invitations
  • Jewelry or fashion e-commerce sites
  • Environmental or conservation organizations
  • Interior design concepts (classic, opulent)
  • Premium corporate presentations

Suggested color roles

primary

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

secondary

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

accent

Introduce #3CB371 for highlights, interactive elements, or to add a touch of vibrancy.

background

For a luxurious feel, use a deep #006400 with light text. Alternatively, #8FBC8F offers a softer background.

text

White or light cream text offers excellent contrast on the darker greens. Dark charcoal on #8FBC8F for readability.

Accessibility notes

  • Ensure sufficient contrast when using lighter greens like #8FBC8F for text on backgrounds.
  • Pair the deep greens (#006400, #228B22) with white or very light text for optimal readability.
  • Avoid using #6B8E23 for small text on a dark green background due to potential contrast issues.
  • Always test text and background color combinations against WCAG AA standards.

Recommended combinations

Regal Depth

Perfect for creating a rich, layered effect in logos, headers, or elegant background patterns.

#006400 · #228B22 · #3CB371

Natural Harmony

Ideal for softer sections, natural illustrations, or secondary information panels.

#6B8E23 · #8FBC8F · #3CB371

Emerald Accent

Use for prominent call-to-actions, navigation elements, or key visual highlights.

#228B22 · #006400 · #8FBC8F

CSS variables

:root {
  --royal-emerald-court-1: #006400;
  --royal-emerald-court-2: #228B22;
  --royal-emerald-court-3: #3CB371;
  --royal-emerald-court-4: #6B8E23;
  --royal-emerald-court-5: #8FBC8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "royal-emerald-court": {
        1: "#006400",
        2: "#228B22",
        3: "#3CB371",
        4: "#6B8E23",
        5: "#8FBC8F",
      }
    }
  }
}

Related searches

deep green color paletteemerald green hex codesluxury green aestheticregal color schemeselegant green branding

Palette colors

Hex values

Color 1#006400
·
Color 2#228B22
·
Color 3#3CB371
·
Color 4#6B8E23
·
Color 5#8FBC8F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.8:1Fail
2:1Fail
3.5:1AA18
2
1.7:1Fail
1.6:1Fail
1.2:1Fail
2:1Fail
3
2.8:1Fail
1.6:1Fail
1.4:1Fail
1.2:1Fail
4
2:1Fail
1.2:1Fail
1.4:1Fail
1.8:1Fail
5
3.5:1AA18
2:1Fail
1.2:1Fail
1.8:1Fail

Similar palettes

More like Royal Emerald Court

View all dark
Art Deco Emerald
Emerald Canopy Crown
Emerald Gemstone Cache
Emerald Vault
Emerald Velvet Glow
Gilded Baroque Elegance