ع

Emerald Estate

Deep emerald greens with brass and ivory.

≈ Forest Night
≈ Forest Night
≈ Bottle Green
≈ Metallic Gold
≈ Eggshell

Color codes

HEXRGBHSLCMYK
hsl(171, 59%, 11%)cmyk(74%, 0%, 12%, 83%)
hsl(169, 57%, 17%)cmyk(73%, 0%, 13%, 73%)
hsl(166, 56%, 28%)cmyk(72%, 0%, 17%, 56%)
hsl(46, 68%, 47%)cmyk(0%, 19%, 81%, 21%)
hsl(43, 57%, 89%)cmyk(0%, 4%, 13%, 5%)

CSS

:root {
  --emerald-estate-1: #0B2B26;
  --emerald-estate-2: #13463D;
  --emerald-estate-3: #1F6F5C;
  --emerald-estate-4: #C9A227;
  --emerald-estate-5: #F3EAD3;
}

How these colors work together

Its hues are spread widely around the wheel, giving a balanced, varied scheme. Overall it reads cool. Lightness spans 78 points, which sets how much contrast you can create.

4 of 10 color pairs reach the 4.5:1 contrast needed for normal text. The most readable pair is ⁦#0B2B26⁩ on ⁦#F3EAD3⁩ (12.63:1).

Emerald Estate — readable text using the best pair.

Suggested applications

  • Premium packaging, invitations and boutique brands.
  • Interface themes: use the lightest color for backgrounds and the darkest for text.
  • Brand kits, social graphics and presentations.

#emerald#brass#classic

Check accessibility Simulate color blindness CSS variables

Frequently asked questions

How do I use the Emerald Estate palette?
The Emerald Estate palette has 5 colors. Use one dominant color for large areas, a supporting color for secondary elements and the most saturated color sparingly as an accent.
Which colors in this palette are best for text?
Use ⁦#0B2B26⁩ on ⁦#F3EAD3⁩: it has a contrast ratio of 12.63:1.
Can I download this palette?
Yes. Export it as PNG, SVG, CSS variables, JSON or plain text with the buttons above the color table.

More palettes

Black and Gold#0B0B0C #1E1E20 #3A3631 #B08D57 #E8D5A6Marble Hall#F6F4F0 #E2DDD5 #BFB6A8 #7D7366 #2E2A26Velvet Night#1A0F1F #3D1E4A #6B2D5C #A8456F #E7C6A5Dusty Blue Ceremony#F4F6F8 #CFD9E2 #9FB3C8 #61789A #D6B88FOld Map#F4E9CD #C9B37E #8C7851 #5A4A32 #2F4858Ocean Depths#03045E #0077B6 #00B4D8 #90E0EF #CAF0F8