Sour Green

#c1e613

Brighter, cleaner chartreuse for subtle success states

Save
Share

About Sour Green

Sour Green looks like a lime that's been knocked back with a touch of yellow acid, then left slightly dusty instead of crisp. It's light enough to read fast, but it doesn't carry the alert cleanliness of the greener neighbors. Compared to 's confident, leaf-clean fill, this one feels more tangy and a bit less "fresh success."

I use Sour Green for dashboards and finance apps when the status needs to feel "processed but still under scrutiny." Think risk review queues, fraud or compliance triage, inventory exception chips, and production steps that are green-lit with conditions. It also works in logistics UIs for "in transit, check at next node" labels, especially on cool grays where it won't blur into nearby leaf tones. Compared with , it's less ink-settled and more sun-diluted, so it flags attention without looking as harsh.

Pair it with charcoal text and cool off-whites. If your background runs warm, it can start to feel overly sharp and restless, so keep the surrounding whites on the cooler side.

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

On Gray 100 #f5f5f5

Aa
1.32:1Fail

On Gray 900 #18181b

Aa
12.31:1AAA

On Black #000000

Aa
14.60: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 Sour Green

Open the generator with this color pre-loaded.

Start creating