Color and Neurodiversity: Designing for ADHD, Autism, and Sensory Processing Differences

High-saturation colors create a processing load that varies significantly between neurotypical and neurodivergent users. For many autistic individuals and people with sensory processing differences, highly saturated colors are not merely bright — they are actively uncomfortable, producing visual 'noise' that competes with the semantic content of the interface. The practical threshold: colors above approximately HSL(*, 85%, *) or with sRGB saturation above 90% are commonly reported as visually overwhelming for sensory-sensitive users when they appear as large surface areas. As accent colors in small quantities (borders, icons, status indicators) high saturation is generally tolerable; as background colors or dominant UI surfaces, high saturation should be avoided for inclusive design. Note: this is not a WCAG requirement — it is a usability consideration for a significant and underserved user population.

ADHD-related color considerations are different from autism-related ones. For many ADHD users, the concern is not sensory overwhelm from individual colors but chromatic complexity — many different colors competing for attention simultaneously. An interface with 8-10 different accent colors, each visually distinct, fragments attentional focus in ways that impair task completion for users with attention regulation differences. The recommendation: minimize chromatic variety. A system with one primary interactive color, one semantic color set (success/warning/error), and a neutral scale will serve ADHD users better than a richly chromatic system with many distinct colors. This is also good design practice generally — chromatic minimalism creates cleaner visual hierarchy for all users — but the case for it is particularly strong in contexts where attentional fragmentation is a real risk.

User control over color environment is the highest-value accommodation for neurodivergent users because the range of individual sensory profiles is too wide for any single color scheme to serve optimally. Providing a 'reduced stimulation' or 'calm mode' — typically a desaturated version of the standard palette where primary and accent colors shift to lower saturation — allows sensory-sensitive users to self-select an environment that works for them without requiring a separate product. Implementation: store the saturation multiplier as a CSS custom property (--saturation-scale: 0.4 in reduced mode vs 1.0 in standard mode) and apply it to all color custom properties at the hsl() calculation level. This produces a consistent desaturation across all colors without requiring separate color specifications for each theme.