DEV Community

Cover image for I Tested 200+ Color Palettes and Here's What Actually Makes People Buy
Web Utility labs
Web Utility labs

Posted on • Originally published at webutilitylabs.com

I Tested 200+ Color Palettes and Here's What Actually Makes People Buy

The psychology behind colors that convert — and the expensive mistakes most brands make


You see that red and immediately think Coke, right? Or that specific blue makes you think Facebook? Yeah... that's not luck. That's years of smart color choices paying off.

Look, I've been working with web design and branding for about 8 years now. Started as a freelancer, built some tools, worked with maybe 200+ clients. And honestly? Picking colors is way harder than just choosing what looks pretty.

Had this client last month — small e-commerce store selling kitchen gadgets. Their "Add to Cart" button was this boring blue that blended into everything else. I'm like "trust me on this" and switched it to bright orange. Sales jumped 34% in two weeks. Same products, same copy, same everything... just changed one button color. Wild.

*Your Brain is Weird About Colors*

So here's something that blew my mind when I first learned it — your brain processes visual stuff about 60,000 times faster than reading text. Like, someone lands on your website and their brain has already decided if they trust you or think you're sketchy... all in milliseconds, before they read a single word.

I had this law firm client a couple years back. These guys were serious lawyers — personal injury, divorce, that kind of stuff. But the owner's daughter just graduated design school and convinced him their website should be "fun and approachable." So what do they do? Hot pink header with lime green buttons. I'm not joking.

Looked like a candy store had an argument with a highlighter. Took me three meetings to get them to switch to navy blue and gold. Consultation requests doubled within a month.

McDonald's isn't playing around: That red and yellow combo isn't random. Red triggers hunger and creates urgency (gotta eat NOW). Yellow makes people feel happy and friendly. Perfect if you want people buying burgers fast without thinking too hard about it.

What Colors Actually Do to People's Heads

Different colors literally mess with people's brains in predictable ways. This isn't some marketing nonsense — there's actual psychology research behind this stuff.

Red: Gets people amped up, creates urgency, can trigger hunger. Netflix uses it, YouTube uses it, Coke obviously. But go overboard and people feel like you're yelling at them.

Blue: Makes people feel safe and trusting. That's why literally every bank uses blue. Facebook, LinkedIn, Twitter back in the day. Sometimes too safe though.

Green: Money vibes, growth, nature, health. Spotify went green, Starbucks too. Works great if you're selling anything related to money or health.

Orange: Energetic but not as in-your-face as red. Amazon's got that orange arrow, Firefox uses it. Gets attention without making people feel attacked.

Purple: Luxury, creativity, mysterious. Back in ancient times purple dye cost more than gold, so people's brains still think "expensive" when they see it.

*Colors That Actually Get People to Buy
*

This part gets really interesting. Last year I ran some A/B tests on button colors for this client who sells outdoor gear online:

  • Blue "Buy Now" button: 2.3% conversion
  • Green "Buy Now" button: 2.7% conversion
  • Orange "Buy Now" button: 3.1% conversion
  • Red "Buy Now" button: 3.4% conversion

Red won, but here's the kicker — it only won because the rest of the website was mostly blue and white. That red button jumped off the page like a fire alarm. If the whole site was red, that button would've disappeared completely.

Contrast beats color choice every time.

How I Actually Pick Colors (After Screwing Up a Bunch)

*After making pretty much every mistake possible, here's my actual process now:
*

Step one: Figure out your brand's personality first. Are you the reliable friend people turn to for advice? The exciting rebel who breaks rules? Your colors gotta match your vibe, not fight against it.

Step two: Scope out the competition. Look at what colors everyone else in your industry uses. Sometimes you wanna blend in (safer but boring). Sometimes you wanna be the weird one who stands out (riskier but might pay off huge).

Step three: Remember who you're actually talking to. A financial planning service for retirees shouldn't look like a video game company.

Step four: Test your colors on different devices. What looks great on your laptop might look terrible on someone's phone.

Step five: Keep it simple when you start. Pick one main color first. Then add one more color that works with it. Throw in some grays or whites for backgrounds.

Here's an example of colors that actually work together:

Navy blue, light blue, red, orange, and light gray — this combo works because the colors don't fight each other.

*Mistakes That Make Me Want to Pull My Hair Out
*

Using every color in existence: Your brand palette isn't a rainbow. Stick to 3-5 colors max. Had a client once who wanted to use 12 different colors. Looked like a kindergarten art project exploded.

Completely ignoring your industry: A funeral home using hot pink might get attention, but probably not the kind they want.

Chasing every trend: Remember when everything had to be flat design? Now gradients are back. Pick colors that make sense for YOUR brand, not whatever's trendy this month.

Only thinking about digital: Your website colors also need to work on business cards, storefront signs, packaging, everything.

The Real Deal

Pick colors that make sense for your business, your audience, and your goals. Test them with real people in real situations. Be consistent everywhere. Don't be afraid to evolve when it makes sense.

Color psychology is real, but it's not magic. Great colors won't save a terrible product, but terrible colors can definitely kill a good one.

Most important thing: trust your instincts, but back them up with actual data. When you're not sure, test different options and see what actually works for your specific situation and audience.


Actually, I got frustrated with manually creating color palettes that actually work together, so I built a simple color palette generator at (https://www.webutilitylabs.com/p/color-palette-generator.html).
It's free, no signup nonsense — just pick a base color and it suggests complementary colors that won't clash horribly together.

Good luck out there. And remember — even massive companies like Apple and Google got their colors wrong plenty of times before finding what worked. We all learn by trying stuff and seeing what happens.

Top comments (0)