Minions
#f3dd51
Bright mustard-green for high-contrast playful highlights
About Minions
Minions reads like a candy-coated lemon that's been kept in the green family on purpose. It has a crisp, clean punch that feels more "painted" than Garlic Butter's mellow butteriness, and more pointed than Flame Seal's tempered flare. Compared with Cheese It Up's gentle glow, Minions stays brighter at the edges instead of softening into a warmer haze.
I use it when the UI needs a yellow-green that's hard to miss without tipping into the creamy, rounded feel of garlic tones. You'll see it in status badges for gaming and community platforms, in order and delivery updates on retail and logistics dashboards, and as attention highlights in course progress cards for edu apps. It's also the kind of accent that works in thumbnails and promo tiles for media sites where the highlight needs to stay legible over busy imagery.
Pair it with medium to deep greens or darker grays so it doesn't compete with nearby chart yellows, and give it a clear boundary so it doesn't bleed into pale UI backgrounds.
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.
