I built an entire education platform around a pastel color palette I saw trending on Dribbble. Soft lavender backgrounds with light gray text. Pale yellow buttons with white labels. It looked ethereal in screenshots. Users couldn't read anything.
The color contrast ratio between my background and text was 2.8:1. WCAG AA standards require 4.5:1 for normal text. I failed accessibility requirements by 62%.
Real users reported the consequences
Students with mild color blindness couldn't distinguish between active and inactive navigation items. Users over 50 struggled to read course descriptions. The pale yellow buttons were invisible in bright sunlight on mobile devices.
One instructor emailed saying she couldn't use the platform because the low contrast triggered migraines. Another reported that screen readers couldn't properly parse the interface because I had used color alone to convey information.
High contrast increased completion rates
Switching to a palette with proper contrast ratios transformed usability. Dark text on light backgrounds. Buttons with 7:1 contrast ratios. Course completion rates increased 67% because students could actually see the content they were trying to learn.
Color trends come and go. Readable text is permanent. If your design looks better in a portfolio screenshot than it functions for users with vision impairments, you've prioritized the wrong audience. Check your contrast ratios before you check your likes.