Kiwi Crush

#7bc027

Bright grassy green with olive warmth for charts

Save
Share

About Kiwi Crush

On a white card, Kiwi Crush reads like a fresh cut herb with a soft, juicy glow. It's notably lighter than , so it doesn't feel heavy or "lit from within," and it avoids 's tighter glassiness that can skew crisp.

Compared with , it holds onto green without tipping as hard toward yellow. That makes it feel more like ripeness than urgency: a light, saturated green with a clean, balanced undertone.

I use Kiwi Crush for product and operations UI where you want green to mean "working" without sounding urgent, especially in dashboards and finance apps, fleet or logistics status cards, and experiment or rollout pages in health and SaaS admin. Pair it with soft off-whites, light greys, or a touch of warm wood so the brightness stays friendly, not clinical.

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
2.23:1Fail

On Gray 100 #f5f5f5

Aa
2.05:1Fail

On Gray 900 #18181b

Aa
7.94:1AAA

On Black #000000

Aa
9.41:1AAA

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 Crush

Open the generator with this color pre-loaded.

Start creating