Yoshi
#55aa00
Bright lime-green for sharp, warm UI accents
About Yoshi
Yoshi is the green that looks like it's already been living on the screen for a while, not just dropped in for emphasis. At a glance it feels fresher and more punchy than Botanical Garden, but it doesn't go airy and turf-light like Lawn Green. Compared to Grass, it holds onto a stronger, clearer leaf tone instead of dipping toward that muddier mid-field feel.
For UI, I reach for it when the "good" state needs to read confident without turning into the peppery yellow-green energy those warmer greens bring. It's great for asset status badges and growth and quality workflows in agri-tech, lab dashboards in healthcare and food production, and operational monitoring in logistics. The shade stays legible in small charts and legends, especially over light neutrals where it keeps its leaf undertone instead of shifting cooler.
Pair it with warm creams, pale wood, and off-gray borders. Next to very yellow accents it'll look slightly more assertive, so keep an eye on contrast against beige-heavy palettes.
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.