The three noise colors
“Noise color” describes how sound energy is distributed across frequencies, and that distribution changes both the character and the best use:
| Color | Sounds like | Energy | Best for |
|---|---|---|---|
| White | Static, untuned radio | Flat across all frequencies | Masking specific sounds |
| Pink | Steady rain, waterfall | −3 dB/octave (more lows) | Sleep, relaxation |
| Brown | Deep waves, wind, thunder | −6 dB/octave (strongest lows) | Deep focus, ADHD |
White noise feels “brightest” and slightly harsh over long periods; pink and brown progressively soften as more energy shifts to the comfortable low end, which is why most people find brown the most pleasant for hours of listening.
The science, briefly
Why does noise help concentration? Two mechanisms. Masking — steady broadband sound covers irregular, attention-grabbing noises (a colleague’s call, a slamming door), so your brain stops being yanked toward them, lowering cognitive load. And stochastic resonance — a modest amount of background noise can actually improve the brain’s signal processing for some people and tasks. A well-known 2014 study found moderate ambient noise (~70 dB) boosted creative thinking. The effect varies by person, so experiment with the colors to find what helps you.
Generated by math, not files
Every sound here is synthesized in real time with the Web Audio API — no audio files are downloaded. White noise is a buffer of random values; pink and brown apply progressively stronger low-pass filtering to shape the spectrum. That means it works offline once loaded, never repeats or loops audibly, and uses almost no bandwidth.
If you hear nothing
Browsers block audio until you interact with the page, so click Play directly (autoplay won’t start it), and on Safari the audio context must be resumed inside that click. Also check the tab isn’t muted. If you hear crackling, lower the volume below ~75% — distortion means the waveform is clipping. Pair this with the Pomodoro Timer for structured focus sessions.