Shamrock
#009e60
Bright cool mint-green for crisp, calm interfaces
About Shamrock
On my screen, Shamrock feels like a clean, shamrock-forward green with a fresher, cooler snap than Jungle, but it doesn't go fluorescent the way Kryptonite-style greens can. Compared to Militant Vegan, it reads less "firm and grounded" and more crisp and airy. The undertone stays distinctly green with a gentle lift in lightness, so it doesn't sink into that deeper, controlled territory Center Field pulls toward.
I use Shamrock when the UI needs "go" without the warning-shop intensity. It's my the one you reach for shade for success states, verification ticks, and step progression in onboarding flows, plus dashboards and finance apps where status chips sit beside graphs and need to stay legible over busy tables. In manufacturing and logistics panels it also works well for progress indicators, but it feels cleaner and cooler than Eucalyptus, which has that slightly yellowed leafiness.
Pair it with soft grays or a cool off-white. If you put it next to warm creams, it can lose its crispness and start to look a bit muddier.
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.
