Why AI Designs Keep Using Purple: Color Trends Explained
Summary
Pixel’s announcement explores why AI-generated websites often rely on blue, indigo, violet, purple gradients, and familiar Tailwind colors. It distinguishes measured findings from design observations, noting pink and black were least frequent in one study, and shares practical ways to replace AI default colors in real projects.
DEV Community
AI Loves Purple: Most and Least Used AI Colors
Ask any AI coding tool for a landing page and watch what happens. A dark hero section. A glowing card or two. A button that fades from indigo into purple. Ask again with different words and you often get the same thing. If you have noticed this, you are not imagining it. Developers have been joking about "the purple problem" for more than a year, and the creator of Tailwind CSS publicly apologized for his part in it. But the jokes hide a more useful question: which colors does AI actually use the most, which does it use the least, and what can you do about it when you ship real products? This guide breaks down the colors most used by AI, where they come from, and the exact steps to replace them in your own code. We answer that with a clear line between three kinds of evidence: what was actually measured, what is well documented history, and what is designer observation. Then we give you code you can use today to find and replace AI default colors in your own projects. The Short Answer Most used by AI: Blue, indigo, violet and purple, often as gradients. Stock Tailwind swatches. White or near white backgrounds with slate grays. Dark backgrounds with glowing purple or blue accents. Least used by AI: In the one academic study we found that counted colors, pink and black were the least frequent. Designers also point to warm and earthy colors as rare in AI output, such as deep greens, ochre, amber, terracotta and warm off whites. That second group comes from observation, not a published count. NOTE — How we graded the evidence We could not find a large, independent census of every color AI tools produce. Anyone who gives you exact percentages for "AI's favorite color" is guessing. What exists is a mix of a small study, a well documented origin story and a lot of consistent practitioner experience. Each claim below is labelled. Colors Most Used by AI: The Defaults You See Everywhere Color pattern Where it shows up Evidence strength Indigo and violet buttons Primary buttons, links, focus rings Strong: documented origin, widely reported Blue to purple or pink to purple gradients Hero sections, headline text, buttons Strong: widely reported by designers Blue as the default scheme Generic sites when no scheme is given Measured in a 2026 study Dark background with neon purple glow SaaS and AI product landing pages Moderate: designer observation Pure white backgrounds and slate grays Cards, sections, body text Moderate: appears in AI slop checklists Pure black body text Paragraphs and headings Moderate: appears in AI slop checklists 1. Indigo and violet: the signature The most famous AI color is the indigo to violet range. The origin story is unusually well documented. In August 2025, Tailwind CSS creator Adam Wathan posted on X: "I'd like to formally apologize for making every button in Tailwind UI bg-indigo-500 five years ago." He acknowledged that this default had led to AI generated interfaces coming out indigo. The mechanism people describe is simple. Tailwind's examples and templates used indigo as the primary color, and that convention is plain to see in the Tailwind color palette documentation. Developers copied those examples into tutorials and open source projects. Models trained on that code learned that "modern web design" and "indigo button" go together. A word of caution: that causal chain is plausible but untested. Nobody has published an analysis of the training data showing how often indigo appears. The Tailwind history is fact. The idea that it is the main cause is a well supported hypothesis. 2. Gradients in the blue to purple range Several design write-ups call the indigo to purple gradient the loudest tell of AI generated design. Gradient headline text, gradient "Get started" buttons and soft aurora backgrounds behind a dark hero are the usual forms. Pink to purple gradients that trended around 2020 and 2021, and blue to indigo hero looks associated with the Linear aesthetic, also feed into this pool of common p...
Powered by Readybot.io
