Hanging Gardens of Babylon
#11aa44
Lush royal green for contrast in UI
About Hanging Gardens of Babylon
Picture a terraced green garden at midday where the light hits the leaf surface and the color doesn't go yellow or gray. Hanging Gardens of Babylon is that medium-bright green with a cooler undertone and a noticeably higher lightness than the denser greens nearby. Compared to Botanical Garden, it holds more punch without turning mossy. Versus Devil's Grass, it stays lifted instead of sinking darker. And next to Always Greener Grass, it feels less neon and more "grown" thanks to its restrained saturation.
I reach for it in dashboards and finance apps style UIs where you want positive state cues that still feel measured, not playful. It's great on logistics and operations screens for targets, step completion, and "verified" tags, especially over neutral surfaces that lean warm. It also works well in data viz and marketing analytics where the green needs to read clean at a glance across small labels and dense tables.
Pair it with cream, light wood, or cool sand to keep it crisp. If your background is very icy, it can look a touch sharper than you expect.
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.
Similar colors
Create a gradient with Hanging Gardens of Babylon
Open the generator with this color pre-loaded.
Start creating