Jewel
#136843
Balanced medium jewel green for subtle accents
About Jewel
I think of Jewel as the green you see on fresh-cut plant labels: saturated enough to read as "real," but not so dark that it turns into hedge weight. It sits between the foresty seriousness of Forest Serenade and the sharper, cleaner punch of Into the Green, but it brings a more balanced, jewel-toned presence. Where Bucolic stays crisp and uniformly alive, Jewel has a slightly deeper, more cultivated undertone that feels richer without going brown.
In UI, it's the one you reach for when you want an action state, tag, or chart highlight that feels curated, not corporate. I've used it for CPG packaging accents in wellness lines, and for editorial maps and section headers where you want hierarchy without slipping into the slick muted leaf-oil vibe other greens can carry.
Pair it with warm cream or light stone and let it breathe. If you push it beside cool slate, the richness can flatten and start to look darker than you intended.
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.