Kiwi

#749e4e

Bright, yellow-leaning green for clean headers and badges

Save
Share

About Kiwi

Kiwi looks like a fresh kiwi pulled a little earlier than you'd like. It's brighter and lighter than 's grounded, slightly swampy label-green, and it's more saturated than the more yellow-leaning greens nearby. Compared to , 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
3.11:1FailAA Large

On Gray 100 #f5f5f5

Aa
2.86:1Fail

On Gray 900 #18181b

Aa
5.69:1AAAAA Large

On Black #000000

Aa
6.74:1AAAAA Large

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Kiwi

Open the generator with this color pre-loaded.

Start creating