Meadow Yellow
#f7da90
Lighter, gentler chartreuse for airy, clean callouts
About Meadow Yellow
I keep Meadow Yellow in mind when I'm mocking up labels and notice the other greens' yellows either lean peach (like Evening Glow) or go fuller honey and brighter (like Daisy Desi). This one sits in between, but it feels more light and clean, with a softer saturation so it never turns syrupy or punchy. Compared to Lemon Meringue, it reads less creamy and a touch more yellow-forward, like the highlight on a matte sticker rather than a frosted pastry.
For UI, it's my go-to the one you reach for when you want a cheerful green-family background without the "sunflower" intensity of Daisy Desi. I drop it into dashboards and finance apps where the screen needs warmth but the typography still has room to breathe, and it shows up nicely in product detail pages, onboarding cards, and recipe landing hero sections. Pair it with olive, sage, or espresso linework and it stays crisp.
Quirk: beside very warm creams, it can look slightly more yellow than you expected, so test it against your actual off-white tokens.
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.