Lit
#fffed8
Creamy warm-lit background for soft gray layouts
About Lit
On my last mock, Lit read like someone caught the white of paper and let it drift a touch toward a pale gray. It's bright, but not crisp. Compared with Parmesan's gentle buttery cast, Lit feels cleaner and more neutral, with less "dusty cheese" warmth. And against Matt White, Lit holds onto a little more lightness and softness instead of staying cool and disciplined.
I like it for dashboards and finance apps where you need the UI to feel light without slipping into a yellow page. It's great behind dense tables, receipts, and HR admin screens, especially when you want cards and charts to pop while the background stays calm. It also works well for editorial landing pages and product grids where photography needs room to breathe, but you don't want that paper-warm look to turn creamy.
Quirk: pair Lit with neutral to slightly warm grays for borders and labels. Go too cool and the stack can start to feel like it's fighting itself, not flowing.
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.