UI color‑theory notes

Interface color choices are being framed less as decoration and more as layout tools, with designers pointing to cooler hues to push secondary elements back. (x.com) In color theory, warm colors like red and orange tend to feel closer, while cooler colors like blue and purple can feel farther away, which makes them useful for visual hierarchy in screens. Apple’s Human Interface Guidelines tell designers to use color to enhance communication and help people understand information, not just to brand a product. (developer.apple.com) That hierarchy has hard accessibility limits. The World Wide Web Consortium’s Web Content Accessibility Guidelines 2.2 require at least a 4.5:1 contrast ratio for normal text, 3:1 for large text, and 3:1 for essential user interface components and graphical objects. (w3.org, w3.org, w3.org) Federal accessibility guidance in the United States says users should not need to perceive color alone to understand information or operate technology. Section 508 guidance also points teams to contrast-testing tools because low-contrast palettes can block people with low vision or color-vision deficiencies from reading and navigating. (section508.gov) That is why palette generators and contrast checkers keep showing up alongside aesthetic advice. WebAIM’s checker tests foreground and background pairs against WCAG pass-fail thresholds, and Adobe Color includes color-blind-safe and contrast-analysis tools for palette building. (webaim.org, color.adobe.com, helpx.adobe.com) Google’s Material guidance makes the same case from a product-design angle: color can signal mood and importance, but sufficient contrast is what helps users with low vision see and use an app. Its Material Theme Builder is built to generate and export themes while checking accessible combinations across light and dark surfaces. (m2.material.io, m3.material.io, m3.material.io) The practical takeaway for interface teams is narrower than “use blue.” A cool accent can make a button, panel, or label recede relative to warmer or higher-contrast elements, but the choice still has to survive contrast checks on phones, laptops, dark mode, and different vision conditions. (x.com, developer.mozilla.org) So the current discussion around blue and purple is really about control: using color to decide what users notice first, while proving that every state, label, and control stays legible when the interface leaves the designer’s screen. (x.com, developer.apple.com, w3.org)