White Shades
Every named color in the white family, with computed conversions and contrast data — membership derived by computed hue, not a hand-maintained list. 14 colors shown below.
Quick facts (computed from this family's 14 members)
- Average lightness: 98%
- Average saturation: 81%
- 0 of 14 pass WCAG AA as normal text on white
- 14 of 14 pass WCAG AA as normal text on black
- Lightest named member: White
- Darkest named member: WhiteSmoke
- Most saturated member: AliceBlue
The color science
White, like black, sits outside the hue wheel proper — in additive RGB it's 100% red, green, and blue combined (all wavelengths present at full intensity), while in subtractive/print systems white is typically the absence of ink, i.e. the paper itself, which is why 'true white' in print depends entirely on the substrate rather than any pigment applied to it. Perceived whiteness is also strongly affected by the light source's color temperature, which is why the same white paint can look distinctly warm under incandescent light and cool under daylight-balanced LEDs, even though the pigment itself hasn't changed. Paper manufacturers actually exploit this perceptual sensitivity deliberately: many 'bright white' printer and book papers are treated with optical brightening agents that absorb invisible ultraviolet light and re-emit it as visible blue light, making the paper appear whiter (technically brighter than its raw pulp color could achieve) than a truly neutral reflectance measurement alone would produce — a real photophysical trick, not just a marketing claim. Isaac Newton's prism experiments in the 1660s and 1670s were the first to demonstrate rigorously that white light is actually a combination of all visible wavelengths rather than a fundamentally pure, uncomposed color, overturning the older Aristotelian view that treated white as one of a small set of basic, irreducible colors in its own right. Museum and gallery walls have converged on a near-universal off-white ('gallery white') for the same practical reason product designers now avoid pure #FFFFFF surfaces — a slightly warmer or cooler neutral lets displayed artwork's own colors read accurately without the harsh glare a truly pure white wall under gallery lighting would otherwise produce.
Common uses in design
White (and near-white) backgrounds dominate reading-focused interfaces because they maximize contrast against dark text with the least eye strain over long sessions, and 'whitespace' (a term that survives even in fully colored layouts) remains design shorthand for breathing room regardless of the actual background color a given layout uses. Cultural meaning attached to white varies more by region than almost any other basic color — in many Western traditions white is strongly associated with weddings and purity, while in several East Asian and South Asian mourning traditions white, not black, is the customary color of grief and funerals, a genuinely significant cross-cultural difference worth knowing before assuming a single universal meaning for the color in global product or packaging design. Medical and laboratory branding also leans on white heavily for its association with cleanliness and sterility, a connotation strong enough that white lab coats and clinical packaging remain a near-default even in markets and product categories where white's other cultural meanings (mourning versus purity) genuinely diverge. In tech and minimalist product branding, an abundance of white space became a widely imitated signal of premium restraint through the 2000s and 2010s, popularized in large part by Apple's product photography and packaging, to the point that heavy white space is now sometimes read as a specific, recognizable design-era choice in its own right rather than a neutral default.
Accessibility notes
Pure white backgrounds pair with pure black text for the maximum 21:1 contrast ratio, but off-whites (slightly warm or cool near-white, in the 96-99% lightness range) are increasingly preferred in accessible design specifically to reduce the glare/eye-strain some readers experience from pure #FFFFFF, while still clearing every WCAG threshold comfortably with dark text on top of them. Some accessibility guidance for light-sensitive and low-vision readers goes further still, recommending a warm cream or pale gray page background rather than white at all for extended reading contexts (certain e-reader 'sepia mode' presets exist for exactly this reason) — a genuinely different design decision from simply picking an off-white shade a percentage point or two below pure #FFFFFF. Snow blindness (photokeratitis) is a real, extreme-case illustration of how much reflected white light the eye can be exposed to outside a screen context entirely — a useful reminder that 'white' as a screen color and 'white' as a real-world reflective surface can carry very different practical brightness implications depending on the light source involved. Automatic dark-mode and light-mode switching in modern operating systems has also made a product's exact off-white choice more visible than it used to be, since users now regularly compare a product's light-mode surface directly against its own dark-mode counterpart in quick succession.
Named examples
White is a directly named CSS/X11 color (#FFFFFF); FloralWhite, GhostWhite, and Snow are three of the CSS set's many near-white variants, each with a subtle, genuinely distinct warm or cool cast rather than being true, neutral white despite the shared 'white' branding in the name. Ivory and SeaShell round out this range with names drawn from real materials (elephant tusk and shell nacre respectively) rather than a purely descriptive 'off-white' label, each carrying a faint but measurably different tint from the others when placed side by side. Cornsilk and LemonChiffon sit at the very pale end of the yellow-adjacent near-whites, illustrating how gradually the CSS set's 'white' cluster actually shades into its neighboring warm hues rather than stopping at one hard boundary. Linen and OldLace occupy a similar transitional role toward the warmer tan end of near-white, each carrying a real fabric or textile reference distinct from the flower and mineral-derived names elsewhere in this hub's examples.
Building a white design-token scale
As with black, most production design systems avoid pure #FFFFFF as the default page background, shipping a very slightly off-white (often 98-99.5% lightness, sometimes with a faint warm or cool cast) instead — partly to reduce glare on bright displays and partly because pure white next to any anti-aliased dark text or icon can produce visible fringing that a near-white surface avoids entirely. ChromaWell's own canvas color follows exactly this convention rather than pure #FFFFFF, for the same practical reason every other production design system does. Choosing a warm-cast versus cool-cast off-white as a design system's base surface color is itself a real brand decision, not a neutral default — a warm off-white pairs more comfortably with earthy or amber-leaning brand colors, while a cool off-white (very slightly blue-gray) tends to read as more clinical or tech-forward alongside a blue or teal brand palette. Testing a candidate off-white against your product's actual dark-text color at both ends of a typical display's brightness range is worth doing explicitly, since an off-white chosen purely by eye on one monitor can shift closer to a visibly gray or yellow cast on a different, less accurately calibrated display than the one it was designed on. Documenting the exact off-white hex value alongside a short rationale (glare reduction, warm brand alignment, and so on) in a design system's tokens file is a small step that prevents the value from silently drifting back toward pure #FFFFFF the next time someone edits the stylesheet without that context. Because white and near-white surfaces cover such a large visible area in most reading-focused layouts, even a small, well-intentioned change to the base surface token is worth previewing across a product's full range of content types before shipping, since a shift that looks fine on a text-heavy page can read very differently behind image-heavy or data-dense screens.