Colors are one of the most important tools when it comes to creating creative best-in-class banners. Knowing how to proceed when it comes to banner colors is therefore essential for any ambitious banner creator. A study from 2006 by Cardiff Business School found that humans associate different colors with different values. Depending on the color of your business’ logo or banner, potential customers will make a direct connection between your choice of color and specific values. By being aware of the connection you can make use of this when choosing your banner colors. If the color of your brand matches your values, you have brought your audience one step closer to the conversion of your message. In this blog post we take a look at the most eye catching color combinations that can create magic banners for your brand. Before we dive into the specific examples of combinations that we have found, we advise you to take a look at this scheme which explains the traditional connection between values and colors:
Maybe you recognize some of the brands and agree on the values attached to them. With this scheme in mind you will also be able to further adapt our examples so they fit your business perfectly.
1. Neutral backgrounds without distractions underlines the messages
Choosing a neutral background color for your banner can lower the risk of the user overlooking the message of the banner. Too many bright colors can be confusing and result in that the item the banner is trying to sell or the message that it is trying to convey will be overlooked because of the dominant effect of the colors. Overusing your tools is not always necessary nor in harmony with your brand or the product showcased.
Think hard and long about what effect the choice of color has on how the banner and its message is perceived. If it is crucial that the message which your banner is trying to convey must not be misunderstood, choosing a neutral background color such as grey, black and white can be a good idea. Neutral does not necessarily equal boring, so in order not develop a bland banner we advise you to use more eye catching colors for the actual text or the icons on the banner. Combining a white background with the colors yellow, blue and pink is an example of using what is referred to as a triadic color scheme.
2. Join the dark side
Combining dark magenta with a dash of dark blue gives your banner a modern look while still keeping the color combination in harmony. This is also an eye catching color combination that is not used as often and the recognition likelihood is therefore higher. When using white as the color for the text the depth of the dark will be extra underlined which gives a cool effect.
3. Lad produktets farve dominere og definere banneret
It may sound lazy and somewhat basic but sticking to one color and its shades can result in the user not having any doubt in terms of what kind of product is being advertised. Because you stick to one color you also stick to one value which can increase the chance of your message getting through to the user. Browse through the thousands of shades of your product’s color and pick out the most eye catching color combination leading to a stylish banner. If the product included on the banner contains more than one color, you are of course welcome to use all of them as long as you stay inside of the spectra of the product colors all throughout the banner.
4. Bland varme og kolde farver for en “best of both worlds” effekt
For people who are not completely fluent in design lingo the terms “warm” and “cold” colors may require an explanation. At first glance, it may seem mysterious to ascribe colors certain temperatures, but it is in fact something that you as a user do more often than you might be aware of. We make a connection between blue shades and colder temperatures, probably because we associate it with snow and winter. On the contrary, we connect the yellow and orange colors with warmer temperatures due to the fact that we associate them with summer and sun. Hence the fact that summer sale banners tend to be of exactly those colors unlike winter sale banners.
Although they may seem opposites, the usage of warm colors does not exclude the usage of cold colors since combining both of them in one and the same banner can be quite successful. The warm shades are responsible for catching the user’s eye while the cold shades convey the message clearly. If the banner design is developed thoroughly, mixing cold and warm colors can bring out the best of both worlds for your banner.
Try Zuuvi todayStart free trial
Try it for free for 14 days. Without any commitments.
5. Become one with nature and use natural banner colors
You do not need to do daily yoga or eat plant based to make use of the colors of nature in your next banner. It is the usage of water and earth colors that can give your banner certain characteristics which the user will not forget. Banners using natural colors have also proven to have a calming effect on the perceiver. This does not mean that the user falls right to sleep when they view your banner, it simply means that they associate your brand with other values than if you would have used bright colors.
6. Seeing red is not always a bad thing
The red color is often associated with passion or romance. This unofficial fact is something that you can make use of when choosing your banner colors. Even though we always encourage you to think outside of the box, once in a while taking advantage of those established elements that are found inside of the box is also one way to do it. Everything in moderation of course. We see a lot of red banners during Valentine’s Day and Christmas, but if you as a banner designer is just a tad more ambitious, your banner will not be one of the holiday cliché ones. Choosing red as the primary color for your banner does not always equal predictable. Pick out some eye catching shades of red that do well together and that gives your banner a classic look.
7. Complementary banner colors catches the eye
Opposites attract. You may have heard the saying before but perhaps in a more romantic context, but actually this also applies to banner design. Using complementary colors have the effect of catching the attention of the user, since the color combination is not seen as often because a lot of banner designers try to avoid the combination. Of course there is a reason behind the fact that the colors are categorized as opposites, but if you stay focused, this eye catching color combination can definitely create a symphony of a banner. The term “complementary colors” has its roots in the color circle figure. Take a look at the color circle figure below and get some insight in which specific colors it includes.
In other words, colors that are located across from each other in the color circle are complementary of each other. By choosing appropriate complementary colors you can through your banner speak to specific feelings if you bear the aforementioned aspects about temperature and values in mind as well. Is your banner advertising for a travel agency? Why not combine yellow and blue as the primary colors of the banner then? The blue color symbolizes the cold skiing trips, while the yellow color represents the trips to warm bounty beaches. By doing so, your product will be in harmony with both of the colors chosen on the banner and your message will therefore be very clear. Remember that IKEA does not own the right to be the only business using blue and yellow in their banners and after this guide you will for sure be able to develop a banner that will make the user forget who IKEA even is.
8. Make your banner shine bright and stand out from the crowd
When making complementary colors such as yellow and blue the main colors of your banner, the outcomes can vary from our previous example if you decide to turn the colors’ brightness volume up a bit resulting in a more intense shade of the colors. Depending on brand and product, the decision of exactly how bright the colors should be can be adjusted. Bright eye catching colors do not have to be uncool, but we of course acknowledge the fact that they are referred to as more intense for a reason. You are guaranteed that they are the most eye catching colors when it comes to getting the attention of the users. When choosing bright colors for your banner you have the option to steer clear off colors associated with neon lights or traffic cones. Luckily a whole range of different bright colors exist, that can give your banner the cool brightness effect without making the perceiver nauseous. Browse through different color libraries until you find a bright color that is just right for your banner.
9. What are masculine and feminine colors even?
It is not like we want to go all politics on you or anything, we just want to underline the fact that there are no laws out there stating that banners advertising products meant for women, HAVE to be pink and full of flowers. This goes both ways of course. If you are designing a banner, which aims to speak to the female segment of the population, there is nothing stopping you from combining pink colors with blue colors. When combining traditional masculine colors with traditional feminine colors on your banner we highly doubt that it will result in the user not being certain about if the product is meant for men or for women. We have to face the fact that the world as a market is becoming more unisex, which means that there is no reason in limiting your banners to only aiming for half of the world. Even if your product can exclusively be used by women, there is no harm in designing a banner which does not follow the traditional unwritten banner color rules. Such a banner will only seem refreshing and innovative for the user. You can avoid using the obvious elements completely or you can combine colors across the spectra in order to create a sharp look.
There are a various of ways to proceed to when figuring out which are the most eye catching color combinations for your next banner. Our examples should be perceived more as a source of inspiration rather than templates you should copy completely. Surely you can use exactly the color codes displayed, but if you want to change one single color or shade you should not limit yourself to our examples. By the end of the day, it comes down to what you think looks cool and which values you wish to convey through your banner.
With Zuuvi you can fast and effectively change the background color, CTA-button color and text colors when you build your banners. Sign up for a free trial today and get started with building your first banner within few minutes.
Strong partnership enables new creative opportunitiesLæs mere
A complete beginner’s guide to html5 banners
We at Zuuvi have dedicated all of our time to the banner universe and the surrounding atmosphere. On our website you will find a whole lot of posts, videos and our dictionary revolving around how to design banner ads and how you reach your target audience with them. Despite of this, there may still be […]Læs mere
Examples of digital advertisement ideas that rock
Learn more about online advertising ideas Digital ads dominate a huge part of the online sphere and most of us definitely meet various banners throughout our daily interactions online. Even though digital ads are common, how successful the actual designs of them really are is debatable. It can indeed be challenging to constantly think creatively […]Læs mere