Corn
#fbec5d
Light, corn-yellow green for gentle charts
About Corn
Corn is the one that actually looks like something. Unlike Buttercup Glow, which catches light and almost disappears into its own luminescence, or Banana Bandanna, which demands you look at it right now, Corn sits between them with real yellow weight. It's warmer and more grounded than both, less pale, less neon, the kind of yellow that lands on a screen and stays there because it has actual substance.
You'll use it in product interfaces, dashboards, and notification badges where you need friendly warmth that doesn't scream. Agricultural and food apps reach for it constantly because it reads as natural and approachable. Design systems layer it into hover states and secondary buttons. It works on both light and dark backgrounds without needing the careful orchestration that Banana Bandanna demands, and it doesn't fade the way Buttercup Glow can on white.
The catch is saturation. Corn does the work without showing its hand, which means it needs good contrast pairing to stay legible at small sizes. It's comfortable enough to live everywhere, which sometimes means it disappears into everything. Test it early if you're relying on it to signal something.
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.