Quiet Jade
#b1e2cb
Softer, cooler green for calm, airy UI
About Quiet Jade
Quiet Jade has that calm "new leaf under soft window light" look, but it's not as minty-slick as Mint-o-licious. Compared to Mother Nature, it feels a touch more restrained and cooler, with less airy brightness. And where Glaucous Green can read slightly sea-glass chilly, this one stays more consistently green without drifting as far into blue-green.
In UI terms, Quiet Jade is the shade for light surfaces that need to feel settled and breathable, not frosty. I use it for onboarding steps and supporting panels in wellness and skincare apps, especially when the rest of the palette runs neutral and you don't want that extra coastal edge. It's also strong for community and editorial layouts where you're building secondary backgrounds that stay readable and calm across long-form content.
Pair it with soft creams or cooler greys; if you add warm accents, it can start to feel a bit murkier than you planned. Quiet Jade works harder when the surrounding neutrals are clean, not buttery.
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.
