Six practical starting points for a light website that does not impersonate a photography softbox.
A hex value is not a finished design.
Test every background with your real text, controls, borders, states, and contrast requirements. These pairs are starting points, not universal certification stickers.
Sample surfaceSoft Neutral
Comfortable light mode has entered the chat.
Soft Neutral
A quiet, low-drama neutral for content-heavy pages.
Background
#F6F6F3
Text
#202020
Sample surfaceWarm Paper
Comfortable light mode has entered the chat.
Warm Paper
A subtle warm cast without turning the site into a lifestyle catalog.
Background
#F7F5F0
Text
#25231F
Sample surfaceCool Canvas
Comfortable light mode has entered the chat.
Cool Canvas
A restrained cool gray for tools, documentation, and product surfaces.
Background
#F3F5F6
Text
#1E2427
Sample surfacePlain Gray
Comfortable light mode has entered the chat.
Plain Gray
Unromantic, dependable, and still less luminous than pure white.
Background
#F2F2F2
Text
#202020
Sample surfaceSoft Cream
Comfortable light mode has entered the chat.
Soft Cream
A gentle warm background for editorial layouts and longer reading.
Background
#FAF7F0
Text
#29251E
Sample surfaceQuiet Stone
Comfortable light mode has entered the chat.
Quiet Stone
More visible separation when white cards need to look genuinely raised.
Background
#EEEEEA
Text
#242521
How to choose without inventing a color philosophy
Begin with the temperature already present in your brand and content. Cool interfaces often sit naturally on a blue-gray neutral; editorial pages may benefit from a restrained warm background. Keep the tint subtle enough that it supports reading instead of becoming the subject.
Then give surfaces separate roles. Your page background, content surface, raised card, and input do not need four wildly different colors. They need enough distinction to explain the interface.