Below is a quick overview of the meaning of basic colors in the Western world. Seen in these examples, you can apply color theory to the button or call to action on your landing pages.
But what color should I choose? Even with the knowledge of color psychology, it can still be difficult to select which color would work best for your form button. What if you want to create a sense of urgency but also trust? Do you choose red or blue?
Consider the length of your form and what type of information you are asking for. If the potential lead needs to include personal information beyond their contact information, it might be best to choose a calming color like blue or green. Also take into account what the rest of your page looks like. A powerful, red button won’t stand out on a page that is dominated by that same color. Choose contrasting colors for your buttons to have your call to action stand out on the page.
Ultimately, your best option is to A/B test your landing pages with different button colors. In our own experience, we found that the results of testing offer the most valuable insights. In some cases, a red button will work well for one type of product from a specific company, but a blue button yields higher conversion rates for another product from the same brand. Always be testing to discover what color converts best for your customers!
Now try it yourself. We want you to succeed with your own landing page conversions. Download the CSS versions of the buttons above in all the colors and add your own call to action for your landing page forms.

Published on Feb 13, 2012


