Healthcare patient portals are among the most consequential web interfaces. Users access lab results that may indicate serious conditions, medication instructions that must be followed precisely, and appointment details that cannot be missed. The color palette must prioritize clarity, trust, and calm above all else.
Trust Through Familiarity
Healthcare interfaces should use conservative, professional palettes. Blue is the dominant primary in healthcare for good reason: it signals trust, competence, and calm. This is not the place for experimental color choices. Patients need to trust the interface as much as they trust their doctor.
Result Severity Indicators
Lab results need clear severity communication: normal (green), slightly out of range (amber), significantly out of range (red). These must be accompanied by text labels ("Normal," "Review with Provider," "Contact Provider") because color-blind users cannot distinguish them by color alone, and because the stakes of miscommunication are medical, not just inconvenient.
Medication and Allergy Warnings
Drug interaction warnings and allergy alerts use red backgrounds with clear icons and text. These are the highest-priority color elements in any patient portal. They must be immediately visible, impossible to miss, and unambiguous.
Accessibility Is Non-Negotiable
Patient portals serve elderly users (who have reduced vision), users under medical stress (reduced cognitive capacity), and users with chronic conditions that may affect perception. Target AAA contrast (7:1) for all text. Use larger font sizes. Ensure every state is communicated through multiple channels (color, icon, text).
Calm Backgrounds
Use the calmest, most neutral backgrounds possible. White or very light blue-white. Dense medical information on a colored background adds visual stress. The background should disappear so the content is all the user sees.