Blog · Visual comfort
Background colours for dyslexia - cream, blue, or grey?
If pure white pages feel like staring into a torch, you are not imagining it. For a meaningful minority of dyslexic readers - and for many people with visual stress, migraine, or photophobia - shifting the background away from #FFFFFF is one of the cheapest, fastest readability wins available. The harder question is which colour. Cream is the cliche. Pale blue and soft grey have research behind them. Mint and pink have devoted fans. Here is what the evidence actually says, and the exact hex values to test in your browser today.
The short answer
Start with a warm off-white around #FBF6E9 or a soft cream around #FAF0DC. It is the change with the fewest downsides: it cuts white-page glare, it does not distort photos or charts, and most readers tolerate it without noticing.
If that does not help, try a pale blue around #DDEBF7 or a desaturated grey around #ECECEC. The Irlen / Meares-Irlen literature points to mid-spectrum colours - blue, grey, mint, peach - as the most common preferences when readers can pick freely. There is no single "best" colour: the optimal tint is highly individual.
Why white pages can hurt
Pure white at full screen brightness pushes a lot of light at your eye. For a typographer that is feature, not bug - maximum contrast against black text gives the sharpest possible letterform. For some dyslexic and visually-stressed readers, that same maximum contrast is the problem. The technical name for the syndrome is visual stress (or Meares-Irlen syndrome, after the two researchers who described it independently in the 1980s). Symptoms include: words appearing to move, blur, or jump on the line; rivers of white space between words seeming to dominate the text; headaches or eye fatigue after short reading sessions; and a strong instinct to look away from the page.
Visual stress is not the same thing as dyslexia, but the two co-occur. Estimates from the British Dyslexia Association suggest that roughly 20% of the general population experiences some degree of visual stress, and the figure is higher - perhaps 35 to 40% - among diagnosed dyslexic readers. If reading on a phone in dark mode feels enormously easier than reading the same article on a bright laptop, you probably have at least mild visual stress, and a tinted background is worth experimenting with. We covered the contrast question in more depth in our piece on dyslexia-friendly dark mode.
What the research actually shows
The strongest evidence for coloured overlays and tinted backgrounds comes from a series of studies in the 1990s and 2000s by Arnold Wilkins and colleagues at the University of Essex. Their core finding: when readers with visual stress are allowed to pick their preferred tint from a range of colours, reading speed and comfort improve specifically for that individual's chosen colour. Forcing everyone onto the same tint produces much smaller average gains, because preferences scatter across the spectrum.
That second point is the one most internet advice gets wrong. There is no single research-backed "best" background colour for dyslexia. There is a research-backed process: try several tints, pick the one that feels easiest after a few minutes of real reading, and stick with it. The best colour for one reader may be desaturated mint; for the reader sitting next to them, peach; for a third, plain warm grey.
A 2017 review in the journal Optometry and Vision Science confirmed the broad pattern: individually-prescribed tints help a meaningful subset of struggling readers, while one-size-fits-all "dyslexia colours" produce inconsistent results. The British Dyslexia Association's current guidance reflects this: it recommends "any pastel shade" rather than naming a winner.
The five backgrounds worth testing
Here is the shortlist. Each one is a colour that comes up repeatedly in visual-stress assessments, paired with a hex value light enough to keep black or near-black text readable. Look at each block below for ten or fifteen seconds and notice which one makes the text feel calmest.
The honest test is not which one looks nicest in this grid. It is which one you would want to read a 2,000 word article on. Spend a moment on each block as if you were going to read a long page on that colour.
Cream vs blue vs grey - what each one is good at
| Cream / off-white | Pale blue | Soft grey | |
|---|---|---|---|
| Best for | General glare reduction; readers who want a "book-like" page | Visual stress; readers who find warm tints feel "buzzy" | Photophobia; readers who want minimum hue, just less light |
| Watch out for | Can feel slightly aged or yellowed on cheaper screens | Some blues clash badly with link colours and code highlights | Easy to go too dark - stay in the 90% lightness range |
| Pairs well with text colour | Near-black #1B1B1B or warm dark grey #2D2A26 | True black #000 or deep navy | Near-black #1B1B1B |
| Avoid pairing with | Pure black on a tiny font (too harsh) | Bright orange links | Mid-grey text - contrast collapses |
What to keep constant when you test
Background colour is one of several variables that drive reading comfort. To know whether the tint is doing the work, hold the others steady while you compare:
- Font. Use the same dyslexia-friendly font (OpenDyslexic, Lexend, or Atkinson Hyperlegible) across every test. If you are still picking one, our guide to the best fonts for dyslexia in 2026 compares the main options.
- Font size. Around 18 to 20 px on screen for body text. We unpacked the trade-offs in best font size for dyslexic adults.
- Line spacing. 1.5 to 1.8 line-height. Letter spacing has a large effect too - see line spacing and letter spacing for dyslexia.
- Screen brightness. Drop your monitor to 60 to 70% before judging. A change of background colour cannot rescue a screen that is set to "lighthouse".
If you change all four at once and reading suddenly feels easier, you will not know which lever did it. Change one at a time, give it a real article (not this paragraph), and trust how your eyes feel after five minutes.
Doing this in Chrome on every site
The slow way is to write a custom CSS userstyle for every site you read. The fast way is to use a browser extension that overrides the page background system-wide. LexiFont ships with a small palette of dyslexia-tested background colours - cream, soft blue, low-glare grey - and lets you flip between them on any page with one click. The free tier handles the OpenDyslexic font swap; the Pro tier unlocks the full background palette and per-site memory, so each site you visit reopens with the colour you last picked for it.
If you would rather not install an extension, Chrome's built-in Reader Mode (enable it via chrome://flags/#enable-reader-mode) gives you a small set of background-colour presets, including a sepia option close to the cream in the swatches above. It only works on article-style pages, but for newsfeeds, blogs, and long-form sites it is a free starting point. We compared the trade-offs in detail in how to change the font on any website in Chrome.
What about coloured overlays and tinted glasses?
Plastic overlays placed over a printed page are the offline equivalent of a tinted background, and the Irlen Institute prescribes coloured glasses on the same principle. Both have a real evidence base for the subset of readers with measurable visual stress, but neither is a treatment for dyslexia itself - they target the visual-comfort layer, not the phonological-processing layer that dyslexia primarily affects. We wrote about this directly in Irlen syndrome and tinted overlays: the short version is that the screen-tinting approach gives you almost all the benefit of physical overlays for free, and is a sensible thing to try first.
Common mistakes
Going too dark. A "soft grey" at #CCCCCC is not soft - it is mid-grey, and it crushes contrast with body text. Stay in the 92 to 98% lightness band. If your background looks distinctly grey rather than off-white at arm's length, it is too dark.
Picking by aesthetics. The colour that looks prettiest in a swatch grid is rarely the one that reads easiest over 30 minutes. Pick on comfort, not taste.
Stacking with dark mode. Inverting a page to white-on-black and then applying a tint produces unpredictable results - the "background" you see is actually the inverted text colour. Pick one approach (light page with tint, or proper dark mode) and tune within it.
Changing at the wrong layer. Many people set a custom desktop background or change their OS theme and expect web pages to follow. They do not - the page's own CSS overrides the system. To tint actual reading pages, you need an extension or a userstyle that injects CSS into the page itself.
Treating the colour as a fix for dyslexia. A tinted background can make reading more comfortable. It does not improve decoding skill, vocabulary, or reading fluency in the way evidence-based interventions do. Treat it as visual ergonomics - the equivalent of a good office chair - not as therapy.
A simple test you can run today
Pick one article you have been meaning to read - 1,500 words or longer. Read the first third on plain white at your normal screen brightness. Read the second third on the warm off-white sample above (or use an extension to apply the same colour). Read the final third on whichever of the alternative tints called to you most strongly. After each section, score on a 1 to 5 scale: how tired do my eyes feel, and how willing am I to keep reading? Three data points beats any general advice you will read online.
If a tinted background helps you read for ten more minutes than a white one, that single change adds hours of comfortable reading per week. The compounding effect on how much you actually read is much bigger than any font swap.
Get LexiFont Pro - dyslexia fonts plus the full background-colour palette for $14.99 one-time