Blog · Visual stress
Background colours for dyslexia — cream, blue or grey?
Pure white is the hardest background most dyslexic readers face — not because of the colour itself, but because of the contrast. The fix is almost always a soft tint, but the colour that works best varies wildly between readers. Cream calms one person and irritates another. Pale blue is a revelation for some and looks washed-out to everyone else. This guide walks through what each common tint actually does, the rough rules for picking yours, and the specific hex values to start from.
The short answer
If you've never tried a tinted background, start with cream (#FBF7E8). It's the most-recommended starting point in dyslexia and Irlen-syndrome literature, and it's the one that helps the largest fraction of readers.
If cream feels too warm or yellow, try a soft pale blue (#E8F0F7) next, then a low-saturation grey (#F1EEE8). If none of those help after a few minutes of reading, the issue probably isn't background colour — and you should look at spacing or font choice instead.
Why white is hard
The web defaults to #FFFFFF on a backlit screen because it's high-contrast, neutral, and easy to design against. For most readers it's also fine. For readers with dyslexia, visual stress, or Irlen syndrome — three overlapping but not identical conditions — pure white tends to amplify two specific problems.
The first is glare. A white screen at typical office brightness is throwing a lot of luminance at your eyes. For some readers this triggers the small visual disturbances that dyslexia clinicians describe as pattern glare: text that shimmers, lines that appear to vibrate, or letters that feel like they're crawling on the page. Lowering the page luminance — by tinting it any colour, even slightly — reduces the trigger.
The second is contrast intensity. Pure black on pure white is the highest-contrast combination on a screen. That's good for accessibility in low vision, but it's overkill for typical reading and it can fatigue the eye on long sessions. Soft-tinting the background to something like #FBF7E8 drops effective contrast by roughly 5–8% — enough to ease the eyes, not enough to harm legibility.
The reason this matters specifically for dyslexia is that visual stress and dyslexia co-occur in 30–40% of dyslexic adults, depending on which study you read. The two conditions are not the same — visual stress is a perceptual issue, dyslexia is primarily a phonological one — but the overlap is large enough that any treatment of one usually has to consider the other. Background-tint adjustments are one of the few interventions that help both populations.
The four common candidates
Cream — the conservative starting point
Cream is the colour most often recommended in the British Dyslexia Association's typography guidance and in Irlen-syndrome practitioner notes. It's a low-saturation, warm off-white — close enough to white that designers don't recoil, far enough away that it removes the glare problem. The reason it tops most lists is partly evidence-based and partly default-by-consensus: it's the colour that has been studied the longest, and it's the colour that the largest fraction of readers in casual self-reporting picks as "the one that doesn't bother me."
Cream's weakness is that some readers experience warm tints as "tiring" on screens — the slightly yellow cast can feel like the page has a coat of varnish on it, and that subjective heaviness can put readers off after long sessions. If you read for hours rather than minutes, cream often loses to a cooler tint.
Pale blue — the surprise winner for some
Pale blue is the second most-cited dyslexia background, and for a meaningful minority of readers it's the one that genuinely changes their experience of the page. The mechanism isn't fully understood, but the prevailing theory in the visual-stress literature is that some people are more sensitive to the long-wavelength (red-yellow) end of the spectrum, and a cool tint shifts the page towards wavelengths their visual system finds easier to process.
If cream feels right to you within a paragraph, stop and use cream. If cream feels indifferent or actively wrong, try pale blue next. The two colours are perceptually opposite on the warm/cool axis, so if one helps, the other usually doesn't, and vice versa.
Warm grey — the safe long-session pick
Warm grey is the colour most reading apps that aren't targeting dyslexia specifically tend to land on (think Instapaper, Pocket, Readwise Reader's "sepia"). It's a low-chroma, neutral-warm tint that drops luminance without committing to a colour cast. Readers who don't have a strong preference often find warm grey is the one they can use for the longest without noticing it.
This is a useful property. The best background for you is the one you forget is there. If cream and pale blue both feel like "the page is yellow" or "the page is blue," warm grey might be the right choice purely because it disappears.
Pale yellow — the polarising one
Pale yellow is the most aggressive of the common tints. It removes glare more dramatically than cream because it's further from white, and a small fraction of readers — especially those with strong Irlen-syndrome-type symptoms — find it produces a step-change improvement that cream's gentler shift doesn't. The trade-off is that yellow is the easiest colour for the eye to fatigue against, and reading on yellow for an hour leaves a noticeable colour after-image that can persist when you switch tabs.
Use pale yellow for occasional intensive reading sessions, not as a default. If yellow is the only thing that works for you, that's a strong signal you should ask an optometrist about an Irlen-style assessment — see our piece on Irlen syndrome and tinted overlays for what that involves and what the evidence base looks like.
What the research actually says
The research on background colour and dyslexia is messy, partly because "dyslexia" is a heterogeneous label and partly because most of the older studies conflate dyslexia with visual stress. A few patterns are reliable across the literature:
Studies of coloured overlays — the laminated transparent sheets clinicians use to test colour preference — find that around 30–50% of dyslexic readers report a preferred colour that improves perceived reading comfort. The improvement is usually subjective rather than measurable in reading-speed tests, which is the same pattern we see with OpenDyslexic: comfort goes up, raw speed barely moves. The preferred colour varies enormously between readers, with no single tint dominating.
The Wilkins Reading Rate Test, used in clinical assessment of visual stress, finds that for readers who do respond to colour, the effect is specific — the right tint helps a lot, the wrong tint is no better than white, and a tint near but not exactly the right one is somewhere in between. That's a useful piece of practical guidance: if a tint isn't helping after a paragraph, try a different one rather than a slightly different version of the same one.
The honest summary: there is enough evidence to take background tinting seriously as an intervention worth trying, and not enough evidence to claim any specific colour is universally best. Cream wins on prior probability. Your own preference wins on actual results.
Side-by-side
| Cream | Pale blue | Warm grey | Pale yellow | |
|---|---|---|---|---|
| Hex | #FBF7E8 | #E8F0F7 | #F1EEE8 | #F4F0E0 |
| Best for | First-time triers, glare sensitivity | Readers who find warm tints tiring | Long sessions, neutral preference | Strong visual stress, short bursts |
| Glare reduction | Moderate | Moderate | Mild | Strong |
| Long-session fatigue | Low–moderate | Low | Lowest | Highest |
| Likelihood of helping | High | Medium | Medium | Low–medium (but high impact when it does) |
Text colour matters too
Pure black (#000000) on a tinted background is usually still too high-contrast — you've eased the page but kept the text screaming. Most readers who use a tinted background also drop the text colour from pure black to a soft near-black such as #1F1F1F or #2A2A2A. The combination — tinted background, soft-black text — is what reading apps mean when they offer "sepia mode," and it's the configuration that consistently shows up in self-reported best setups.
Avoid the temptation to use a coloured text on a coloured background. Brown text on cream looks elegant in a print magazine and reads horribly on a backlit screen — the contrast is too low and the colour cast doubles up. Soft black is almost always the right text colour, regardless of background tint.
How to test each one in Chrome
You don't need to commit. The fastest way to A/B these tints on real reading material is to apply them to a long article and see which one you stop noticing first.
With LexiFont: install LexiFont and use the page-background colour control. The free tier lets you switch between presets, and LexiFont Pro lets you save a custom hex value as your default for every site you visit. Open a Wikipedia article you've never read, switch through cream → pale blue → warm grey → pale yellow, and read three paragraphs on each.
Without an extension: Chrome's built-in Reader Mode (Settings → Accessibility → "Show reader mode") gives you a small set of preset background colours — usually white, sepia, and dark. Sepia is roughly cream. It's a good first taste, but it doesn't let you fine-tune the hex and it only works in reader mode, not on the actual page. Once you've confirmed a tint helps, an extension is the practical way to apply it everywhere.
The five-minute test
- Pick an article 1,500–2,000 words long that you haven't read.
- Read the first three paragraphs on a pure white background. Note any glare, vibration, or "looking away" urges.
- Switch to cream. Re-read those paragraphs. Note the difference.
- Switch to pale blue. Re-read again.
- Whichever one made you stop noticing the page is the right answer for you. If both did, pick whichever felt warmer/cooler to your taste — there's no wrong answer between them.
What to do if none of them help
Background tinting works for around a third to a half of dyslexic readers in self-reported tests. That means the majority of readers will try cream and pale blue and feel basically nothing. If that's you, you haven't done anything wrong — visual stress just isn't the bottleneck for your reading.
The interventions worth trying next, in order, are typography spacing (line and letter spacing), font choice (OpenDyslexic vs Lexend, or Lexend vs Atkinson Hyperlegible), and font size (best font size for dyslexic adults). For most adult dyslexic readers, those three settings combined matter more than background colour does.
The pragmatic takeaway: background colour is one of the cheapest interventions to try and one of the easiest to get wrong. Spend five minutes on it, find your tint or rule it out, and move on. Don't iterate on hex values for a week — the gain from picking the exactly right cream over an approximately right cream is smaller than the gain from getting your spacing and size sorted.
Get LexiFont Pro — custom background colours, font picker and per-site settings for $14.99 one-time
Further reading
- Irlen syndrome and tinted overlays — what works on a screen in 2026
- Dyslexia-friendly dark mode — does inverted contrast help?
- Line spacing and letter spacing for dyslexia — what actually matters
- Best font size for dyslexic adults — what the research really says
- Best fonts for dyslexia in 2026 — a research-first guide