Emerald City
#6a7e5f
Midtone green with olive warmth for balanced panels
About Emerald City
I keep seeing Emerald City as that mid-tone green you notice in a city map legend, not in nature. It's greener than the dusty gray hush of Clouded Pine, and it stays lighter and cleaner than the dusk-heavy weight of Beyond the Pines.
The undertone is where it earns its seat: more steady green than the slightly pull-to-sap feel of Green Relict, with a calmer, almost leaf-painted neutrality. I reach for it in dashboards and finance-style reporting screens where you need a green that reads confidently without turning into a dark, forest block. It also works for environmental and conservation pages that show charts beside field photography, because it doesn't feel "dusk-buried" like Beyond the Pines. Use it as a UI accent for map overlays, status labels, and dataset highlights.
Quirk: keep an off-white or light gray nearby. On very dark backgrounds it can look a touch flatter than you'd expect, so let it breathe with a brighter neighbor.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.
