Back to palettes

Palette

Regal Emerald Court

Deep, majestic emerald greens, reminiscent of royal courts and precious gemstones.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A2D5C8#7CB6A8#59988D#3B7A72#235D58

Palette guide

How to use Regal Emerald Court

Overview

The Regal Emerald Court palette offers a sophisticated spectrum of deep, majestic emerald greens, reminiscent of royal courts and precious gemstones. Ranging from the profound #235D58 to the serene #A2D5C8, with rich intermediate tones like #3B7A72, #59988D, and #7CB6A8, this collection is perfect for designers and developers seeking to convey elegance, professionalism, and a cool, refined aesthetic. The subtle shifts in tone allow for harmonious designs that are both understated and deeply impactful, ideal for creating a sense of luxury, stability, and timeless quality in any project.

Best used for

  • High-end jewelry branding
  • Luxury spa and retreat design
  • Corporate sustainability initiatives
  • Elegant home decor accents
  • Professional services websites
  • Winter fashion collections

Suggested color roles

primary

Use #235D58 as the deep, anchoring teal-green for backgrounds, primary navigation, or strong headers, establishing gravitas.

secondary

Apply #3B7A72 for supportive elements, sub-sections, or larger graphical components, maintaining the sophisticated mood.

accent

Introduce #59988D for subtle highlights, interactive elements, or as a brighter visual break without losing elegance.

background

Utilize #A2D5C8 for a light, cool background, providing excellent contrast, or #235D58 for a deep, immersive canvas.

text

Dark colors like #235D58 or #3B7A72 are ideal for text on light backgrounds. For dark backgrounds, use white or a light off-white.

Accessibility notes

  • Ensure strong contrast between #235D58 text on #A2D5C8 background, meeting WCAG AA standards.
  • The lighter greens, #A2D5C8 and #7CB6A8, have low contrast with each other; avoid using them together for text.
  • For body text, use the darkest colors for maximum readability, especially for users with visual impairments.
  • Carefully check the contrast of #7CB6A8 if used for text on backgrounds other than the darkest or lightest.

Recommended combinations

Deep Contrast

A classic high-contrast pairing for corporate luxury, offering readability and a professional, elegant aesthetic.

#235D58 · #A2D5C8 · #59988D

Cool Gradient

Ideal for creating soft, sophisticated gradients or layered designs that convey subtle depth and refinement.

#A2D5C8 · #7CB6A8 · #59988D

Rich Depth

Excellent for designs that emphasize depth and richness, suitable for backgrounds or large elements with a sophisticated feel.

#3B7A72 · #235D58 · #7CB6A8

CSS variables

:root {
  --regal-emerald-court-1: #A2D5C8;
  --regal-emerald-court-2: #7CB6A8;
  --regal-emerald-court-3: #59988D;
  --regal-emerald-court-4: #3B7A72;
  --regal-emerald-court-5: #235D58;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "regal-emerald-court": {
        1: "#A2D5C8",
        2: "#7CB6A8",
        3: "#59988D",
        4: "#3B7A72",
        5: "#235D58",
      }
    }
  }
}

Related searches

regal emerald green palettesophisticated jewel tonescool green brandingelegant court colorsdeep teal green design

Palette colors

Hex values

Color 1#A2D5C8
·
Color 2#7CB6A8
·
Color 3#59988D
·
Color 4#3B7A72
·
Color 5#235D58
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
3.1:1AA18
4.6:1AA
2
1.4:1Fail
1.4:1Fail
2.2:1Fail
3.3:1AA18
3
2:1Fail
1.4:1Fail
1.5:1Fail
2.3:1Fail
4
3.1:1AA18
2.2:1Fail
1.5:1Fail
1.5:1Fail
5
4.6:1AA
3.3:1AA18
2.3:1Fail
1.5:1Fail

Similar palettes

More like Regal Emerald Court

View all cool
Emerald Gemstone Luster
Jade Empress Realm
Precious Jade Stream
Azure Sapphire Gleam
Emerald Grotto Depths
Emerald Grotto Shimmer