Dear Reader
#f5f3e6
Neutral pale gray for crisp, cool page grids
About Dear Reader
Dear Reader is almost invisible, which is exactly the point. It's lighter and slightly less warm than Flickering Firefly, sitting closer to pure gray territory without actually feeling gray. The kind of background you pick when you need the content to breathe, not the surface.
You'll land here in long-form editorial, publishing platforms where readability is non-negotiable, and SaaS interfaces that need restraint. It works well with dark type, doesn't fight photography, and feels less opinionated than Au Clair de la Lune. It's the canvas that actually stays out of the way, unlike Engulfed in Light, which has more yellow presence, this one strips back the warmth without going cold.
The catch: it's forgiving on some screens and can read slightly cooler on others. Pair it with genuinely warm accent colors and it grounds them. Test it against your actual body copy first, the lightness means contrast reads differently depending on what sits on top.
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.