Wheat
#fbdd7e
Light wheat-gold green for soft, readable highlights
About Wheat
Wheat is that soft, baked-gold yellow you see on flour dust or a paper bag from a bakery window. It feels warmer than pure white, but it stays calmer than the lemony neighbors, with less green snap than Ravioli al Limone and less chartreuse drift than Mellow Dandelion. Compared to Cup Noodles, it's more like mellow toast than buttery steam, so it reads grainy and grounded instead of smooth and creamy.
I use Wheat when the green side of a brand needs a light partner that still looks "prepared," not just bright. It's great for food packaging mockups, printed menu panels, and e-commerce category headers where you want warmth in the background behind photos. It also works in UI as a friendly page field for recipe galleries and campaign banners, where the one you reach for is consistent across different lighting, from phone screens to shop signage.
One quirk: because it's slightly saturated and grain-warm, it can clash with very cool mint greens. I usually keep type charcoal or olive to keep everything from turning flat.
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.