Kiwi
#749e4e
Bright, yellow-leaning green for clean headers and badges
About Kiwi
Kiwi looks like a fresh kiwi pulled a little earlier than you'd like. It's brighter and lighter than Frankenstein's grounded, slightly swampy label-green, and it's more saturated than the more yellow-leaning greens nearby. Compared to Bavarian Green, it doesn't go warm-olive or feel "office-anchored" right away. It reads more mid green and a touch cleaner, like the pigment is sitting on top instead of sinking into the background.
For me, it's the the one you reach for when UI needs "go" that still feels lively without drifting into moss. I'm using it in dashboards and finance apps as progress states, filter accents, and confirmation highlights where you want clarity on light surfaces. It also works in editorial infographics for operations and logistics callouts when you want the block to feel current, not antique.
Pair it with soft neutrals or cool grays so it stays crisp. If you stack it next to very warm creams, it can lose some of that fresh lift and start looking a bit flatter.
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.