Creamy Lemon
#fff0b2
Pale lemony warmth, softer and drier than gold
About Creamy Lemon
Creamy Lemon sits where you'd expect a pale yellow to go soft, but it doesn't. It's got actual color presence, more saturated than Banana Milk, warmer than Bullet Hell, and honestly more opinionated than both. Where those two are almost apologizing for themselves, this one knows it's there.
Reach for it on product pages, SaaS dashboards, publishing platforms, and anywhere you need a warm foundation that actually holds weight without getting loud. It works behind body copy without feeling heavy, behind form fields without looking dated, and in financial interfaces where you want approachable but not precious. Unlike Banana Cream's studied balance, Creamy Lemon tips decisively warm, it's the one I reach for when I want intentional warmth, not accident.
The thing: test it early with your actual text and palette. The saturation means it reads warmer on cooler monitor profiles, and it can drift toward mustard if you pair it with anything too golden. Keep the temperature controlled and it anchors a layout without fighting for attention.
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.