Egg Yolk
#ffce81
Lighter, drier yellow-green for clean highlights
About Egg Yolk
Egg Yolk reads like the moment the shell cracks: a rich, egg-centered yellow that's lighter than the earthy bread tones, but it doesn't feel as pale as Cheesus. Compared to Bread and Butter, it's less golden-amber and more strictly yellow, with a softer glow. And relative to Banana Bread, it's noticeably higher in lightness, so it doesn't slip toward muted neutrality.
I use it when I want warmth that stays readable behind text, especially on product detail pages, recipe platforms, and SaaS screens where the background can't compete. It's the kind of light, warm yellow that helps cards, badges, and callouts look intentional without turning the UI into a bright beacon. Keep it near charcoal type and muted greens and it'll hold steady next to photography.
Quick quirk: if you pair it with very saturated lime, it can start to look almost creamy instead of sunny. In those cases, nudge the green cooler or dial the yellow back toward a slightly greyer neutral.
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.
