The color mistake most sites make is soft gray or copper text that fails WCAG AA color contrast, so about 8% of visitors cannot comfortably read the content and the site carries ADA legal risk. The fix is to darken muted text until it passes the 4.5:1 ratio for normal text.
If your website uses soft gray text on a cream background, copper-colored links, or muted accent colors, there is a good chance 8% of your visitors cannot comfortably read your content. That is the percentage of the population with some form of color vision deficiency.
WCAG AA (the standard most accessibility laws reference) requires a 4.5:1 contrast ratio between text and background for normal-sized text. Warm color palettes, the kind that look premium and elegant, are especially prone to failing this threshold. The soft grays that look refined on a designer's monitor become illegible for a significant portion of real users.
The fix is simple: darken muted text until it passes. On a cream background, shifting from a typical gray (#78716C at 4.2:1) to a slightly darker one (#6B6560 at 4.5:1+) passes the requirement with no visible design degradation. Accent colors like copper and gold should be restricted to large text (18px+ bold) unless they independently pass.
This is not just a design principle. It is a legal requirement under the ADA and European Accessibility Act. We run automated contrast checks on every client site as part of our QA process. Sites that fail contrast do not ship.
Topics
Frequently asked
What color mistake makes text hard to read?
Soft gray text on a cream background, copper-colored links, or muted accent colors. If your site uses these, there is a good chance about 8% of visitors, the share of the population with some form of color vision deficiency, cannot comfortably read your content.
What contrast ratio does WCAG require?
WCAG AA, the standard most accessibility laws reference, requires a 4.5:1 contrast ratio between text and background for normal-sized text. Warm, premium-looking color palettes are especially prone to failing this threshold.
How do you fix failing contrast without ruining the design?
Darken the muted text until it passes. On a cream background, shifting from a typical gray at 4.2:1 to a slightly darker one at 4.5:1 or better passes the requirement with no visible design degradation. Restrict accent colors like copper and gold to large text, 18px bold or larger, unless they independently pass.
Read next
Want to see these systems in action?
Start with a conversation. We will walk through how these workflows apply to your business.
Get your AI Roadmap