Color Theory: 5 Form Design Best Practices You Can Use Today

Written by Sarah Quezada on October 16, 2014

Posted in Form Hacks

In Formstack’s popular Form Conversion Report, we covered how factors like length, timing and industry can impact response rates.

Did you know color impacts conversions, too? According to Kissmetrics, changing the color of a call to action button can lift conversions by as much as 21%.

Thankfully, you don’t have to go to graphic design school to learn how to maximize conversions using the psychology of color. Here are five best practices you can start using today:

1. Use color to improve user experience.
People struggle to read blue text on a purple background. One the other hand, white font on a colorful button will keep calls to action legible and make them pop.

2. Use color to influence emotions.
Red can draw attention to one aspect of your landing page (like the form). Use blue to create a sense of security or black to convey a cutting-edge offering. Similarly, if you’re targeting women stick to soft shades of blues and greens. For men, go bold, but stay away from brown, orange and purple. (Seriously. It’s backed by science.)

3. Use color to elicit a response.
Ever notice that most “submit” buttons are orange? It’s not a coincidence. Orange combines the energy of red and happiness of yellow. In other words, it’s an attention-grabber.

Green, on the other hand, has a calming influence and is often used to ease buyers and make them more comfortable with purchasing decisions.

4.Use color to highlight the important stuff.
Most people won’t read your web copy. They’ll scan it. Encourage visitors to fill out your form by using color to highlight value propositions, testimonials, calls to action, and other elements of the perfect landing page. Of course, you’ll want to customize colors in your forms to match your brand identity as well.

5. Always test.
Not sure which colors will have the most impact on your audience? This is where A/B testing comes in. The most successful companies continually try on different designs, fonts and, yes, color combinations. Change just one thing at a time to see what responses different colored backgrounds, headlines and buttons get.

Pro Tools and Tips to Enhance Your Form Colors
These resources will color your digital world in powerful ways:

Adobe Kuler

Find a photo that provokes the emotions you want your users to experience. Then, upload it to Adobe Kuler for an instant color palette.

How Colors Affect Purchases

This handy infographic from Kissmetrics can help you see at a glance which colors will work best for your target audience.

Color-Conscious Tip Sheet

For more tips on how various shades impact emotions, check out this oldie-but-goodie from yours truly.