Mojito
#e4f3e0
Cool gray-green tint for calm, airy surfaces
About Mojito
I'll be honest, Mojito reads like a pale breath of mint on top of gray. It's light, but it doesn't get lost like Floaty Bubble does. Compared with Distant Landscape, it stays cooler and calmer, less warmed-up, with a gentler green undertone instead of that more noticeable gray-green pull.
It's my go-to for light interfaces where you want a clean panel that still feels fresh in motion, not sterile. Think product pages for wellness and consumer health, habit trackers, and onboarding screens for learning platforms where screenshots need soft contrast and photos need room to breathe. It also holds up behind UI cards in dashboards and settings screens, giving dashboards and finance-style layouts a friendlier backdrop without weighing things down.
One quirk: because it sits between gray and mint, it can look a touch grayish under warm lighting. If your brand palette leans very yellow, test it before committing, and pair it with crisp mid-greys and cool accents.
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.