Natural Light
#f1ebc8
Brighter, cleaner light green-cream for crisp backgrounds
About Natural Light
I keep catching Natural Light in old paper mockups, that moment when the page looks sun-warmed but not yellowed. It's noticeably greener than the milk-and-cream off-whites around it, yet it stays airy: a light, soft green that never turns into a beige. Compared to Clotted Cream, it has more chroma and a clearer green whisper, not that near-zero saturation pause. And next to Banana Split, it reads less creamy-yellow, more "daylight through leaves" than "banana custard."
For real UI work, this is the background I'd drop behind ingredient photos, ecommerce category cards, and form panels in wellness and food brands where you want the green cue to feel present but quiet. It's also handy for dashboards and editorial web layouts when you need a calmer alternative to warmer off-whites that can skew yellow under bright screens.
Quirk: because it's so pale, it shows undertone fast. Test it against both cool grays and deeper olives so the green stays intentional instead of drifting toward dull.
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.