Yellow Mellow
#f0d31e
Soft mellow chartreuse for gentle, readable highlights
About Yellow Mellow
Yellow Mellow reads like a soft, sunny punch that still feels "indoors friendly" in UI mockups. It's brighter than Banana Brick, but it doesn't go as sharp or chalky as Holy Grail, so you get attention without that tighter highlighter snap. Compared to Endless Summer, it's less all-at-once lemon and more mellowed glow, with the heat turned down.
I use it when the yellow needs to feel optimistic, not urgent. Think wellness and consumer-health dashboards, ingredient cards, and onboarding steps where the highlight should look clean beside greens. It also works for retail media label accents on product tiles, and for subtle callouts in admin consoles where you want "notice me" without competing with olive-heavy palettes.
Quirk: if your green family around it is very cool, Yellow Mellow can look a touch more buttery than you expect. Pair with fresh mid-greens or neutral charcoals to keep the temperature consistent.
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.
