Sweet Corn
#f9e176
Mellow golden yellow-green for soft, airy charts
About Sweet Corn
Think sweet corn kernels under direct kitchen light. Sweet Corn is that pale, soft yellow-gold with a noticeable warmth, but it doesn't go fully golden like Silken Gold and it never turns crisp-green like Ravioli al Limone. Compared to Pasta Luego, it feels more saturated and more "sunlit" than cool and sheer.
I use it when a green UI needs a friendly yellow background that still reads food-true, especially in grocery and meal-kit category tiles, recipe step panels, and promo banners for fresh produce brands. It's also strong for onboarding highlights and loyalty screen headers where you want golden pantry warmth without drifting into honey-orange territory. The shade stays calm next to sage and deeper teal, and it's the one I reach for when the design needs "ready to use" rather than lemon brightness.
Quick quirk: pair it with darker olive or warm brown text when your layout has a lot of cool grays, or it can start feeling slightly more buttered than you intended.
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.
