Trying to choose the best color combinations for your online banners can be a daunting task, given the crowded display advertising market.
So here you are, trying to put together a stunning banner that will measure up to your client’s expectations, outshine the big brands and appeal to online users to click the button. No worries, things are not as complicated as they seem!
A walk through the theory of colors and a look at our list of 30 curated color palette ideas will provide you with all the knowledge you need to start designing a fantastic banner today.
The main color principles
Digital design may be an offspring of the 20th century, but it employs the same color principles as the age-old science of painting.
Here they are, briefly:
- Monologous color palette: when we choose a color and use several shades of this color to complete a composition, we call it a monologous combination of colors.
- Complementary combinations: Complementary colors are colors sitting opposite in the color wheel. When put together, they complement each other and provide a sharp effect.
- Analogous color schemes: These colors sit next to each other and when used together in the same layout, they convey harmony.
- Triadic or Tetradic combinations: These colors are evenly placed on the color wheel and you can find them using a triangle or a square shape.
All colors are the friends of their neighbors and the lovers of their opposites.
The power of colors in digital media.
In a study called The Impact of Color in Marketing, researchers found that people can make up their mind about product choices based on colors alone in less than 90 seconds. What’s even more interesting is that the “use of colors can contribute not only to differentiating products from competitors but also to influencing moods and feelings – positively or negatively – and therefore, to attitude towards certain products.”
1. The carefree life
Using pale shades of sky blue and earthy brown is a sure way to induce a state of calm and relaxation. No wonder Airbnb used this palette for their display ads. Their promise could be summed up to: this is the kind of life and experiences you’d enjoy when booking accommodation through our platform, one-on-one hosting, friendship, and above all the quietness of an isolated shore, far from the madding crowd of the city.
And, if you were wondering what’s with the pink button, here’s the answer: first of all the color’s official name is Wild Watermelon and second, it adds playfulness to the scenery.
In their design vision, AirBnb states they strive to use a universal visual language, given their worldwide presence. Also, each tiny communication material (such as this banner) should comply with their design guidelines, which includes colors, typography, icons and information architecture.
2. The Navy Blue distinctiveness
We’ve been used to associate this dark shade of blue with the uniforms of the navy officers and thus with the qualified and skilled establishments. Actually, dark blue has been used as a color for the navy officers’ uniform since 1748 when the British Royal Navy introduced it for the first time.
Black is also the color of nobility and elegance. But Adobe doesn’t play the game of the elites here. The trick is that Adobe is playing with concepts, by playing with colors and fonts: young generation (red, blue), education (dark blue), skills, the aspiration to high-class (black).
3. Orange zest
Orange is the happy marriage of yellow and red and it conveys warmth, positivity, joy, and enthusiasm.
As such, Amazon found it suitable for the joy of the shopping fever.
Further, they used white and black to balance this sweet indulgence and twist the ad a bit into a more serious atmosphere. White balances the feast while black introduces an element of premium treats.
4. The technology of health
Green has always been associated with nature. It is the color of grass, trees, and forests, of spring and crops. In our recent culture (20th & 21st centuries) green has been used to symbolize well-being, healthy or organic.
On the other hand, grey is the color of steel (and of metals in general) industrial and technological revolution and of the urban landscape.
The combination of the two may come as a surprise, but they unite to create a new universe: the world of the health technology. That is precisely Dove’s message: a technology that was developed to care for the skin as nature intended.
5. Christmas time fever
Red is traditionally associated with passion and green with health or the environment, but when the two come together they shout out loud “Christmas”. Of course, Christmas is no stranger to desire. We are all full of wishes around that time of the year.
As you can see this is not the springtime fresh green. It’s called Viridian Green (Viridis in Latin means green), and it’s medium in saturation and relatively dark in value. It is the green of the Christmas tree and Santa’s elves.
6. Less is more
This minimalistic grey pale palette combined with vivid blue offers comfort to the eye, in a world of tiring visual clutter. As with all things minimal, the feeling we get is space. That is exactly what DropBox offers: digital storage space.
7. Carnival dance
This cheerful color palette combination transports us to the electrifying parades of the Rio Carnival. We can also find this explosion of bold colors in parties decorations, confetti, and fireworks. The Blue and Purple set the stage for a fun atmosphere, while the Deep Pink drops the bomb: it’s going to be a wild party. The dark blue is there to temper the composition and give it a nightly atmosphere.
8. Fresh new day
If you want to convey freshness and cleanliness, use light blue, green and white. This batch of colors is a winner when it comes to health or cleaning products. Subconsciously, blue and green remind us of nature, of oceans and rivers and arise the desire to bathe or wash. In this case, red is the brand’s primary color, but red is also green’s complementary pair. Red makes the ad active and attractive.
9. The contrasting couple
Black and yellow are probably one of the most contrasting pair of colors. Yellow expresses warmth and demands attention, while black is sober and introvert. Yet, when used together they complete each other and create a loud couple. An attention seeking couple. Remember this combination is used for traffic signs. It demands careful consideration and consideration is what it gets.
10. Sprouting time
Meet Crusoe, the greenest green of them all. When you have this kind of vivid green and several of its siblings all together you probably want to talk about health, natural ingredients, and taste. And thirst. Use this palette if you’re selling food or drinks and don’t forget to match it with a bold red button.
11. Cozy little neuter space
This pale palette is an invitation to coziness and relaxation. When used as a main color in a composition, light grey takes the burden off the viewers’ shoulders. It makes space seem neuter and light. Of course, life can get pretty boring with so much grey around, that’s why getting a bluish grey involved and a vibrant kick of Vivid Violet will considerably change the atmosphere.
12. Sunny carefree days of childhood
Yellow is associated with the Sun, warmth, joy, happiness, and positivity. It also symbolizes enthusiasm, playfulness and can be easily connected to childhood. Yellow is definitely a playful color, and many children brands use yellow in their branding: Johnson’s baby, Toy Story, Winnie the Pooh, Lego, and Play-Doh.
However, yellow can cover lots of industries from kids toys to tourism agencies and clothing brands. It all depends on the design and additional colors.
If you want to utilize a yellow palette for your banner, make sure you also incorporate 1-2 strong colors to highlight essential parts such as your button, headline or body text.
13. Delicate pastels
Pastel colors are suited for girly brands or to promote bakeries selling sweet desserts. Pastels are light, delicate, and cute colors. They create the atmosphere of a dreamy, aspirational world and trigger an array of warm emotions. They’re heart-melting. We do not encounter pastel colors on a daily basis in our home and work environments, that’s why a pastel banner has the potential to stand out and impress the right audience.
14. Rose sensuality
Women’s brands need a touch of rose sensuality to reach their audience’s hearts. Women are attracted to all pink and red shades, and that’s because women’s sensual parts are pink rose. Actually, we are all attracted to these colors, and that is a subconscious process. Pink and red are appealing. Women color their lips and nails in red and blush their cheeks to look more attractive.
If we look at nature, many voluptuously delicious fruits wear various shades of pink, red and plum: strawberries, peaches, plums, cherries, and watermelon.
In banner design you need around 4-5 colors to create an appealing composition. That’s why when using shades of pink, also include something dark for your button or headline, like dark blue or black.
In case you fell in love with the two pink shades and would like to use them, their names are Mona Lisa ( 3F5998E) (what a suggestive name!!) and Turkish Rose (#B16774).
15. Somewhere over the rainbow lies Wonderland
Purple is the fruit of passionate red merging with quiet cold blue. It is a secondary color and it can rarely be found in nature. The lavender flower is purple as well as some morning glory flowers and magnolia trees.
Purple has been associated for millennia with high status and royalty due to the fact that it is not a natural color and the process of obtaining this color was expensive and therefore reserved for the elites. However, the industrial revolution popularized it and made it affordable to the masses. Today, we can find the color purple everywhere from clothes to food brands. Depending on the tone, purple conveys different meanings: dark purple is associated with luxury and high-class, whereas light lavender symbolizes tenderness and delicateness.
In the picture above, you can see how Milka uses light purple to convey tenderness and exquisiteness. Their slogan actually states: “Dare to be tender!”
More, studies revealed that 75% of pre-adolescent children prefer purple to all other colors. No wonder Milka chose purple as its main brand color! And if we think about it, Milka is not the only chocolate brand using this color. Cadbury is another big purple chocolate brand.
If you want to build a banner starting from purple, make sure to find some other compatible friends like blue, green or grey, but be careful not to duplicate the Milka paradise. This brand’s visual branding is so powerful that people tend to associate the combination of purple and green with the happy cows grazing in the Alps.
16. Innocent sweet childhood
If you’re considering using pale blue for one of your banners you must know what this color stands for. While blue is a cold color, light blue is associated with a clear sunny summer sky. It offers a state of calmness and peace. The lighter the color is, the more playful it can become. Especially if there are other playful colors in the composition to accompany it. Like pink, for example.
This palette right here is ideal for children’s brands, pets brands, and sweets. It creates a world of nurturing pampering and sweet indulgence.
17. Primary colors lead the way
Red, blue and yellow are all primary colors, which means that when combined they give birth to all the other colors of the color wheel. They are the main colors and the eye loves them. Using a white background and small patches of primary colors is visually relaxing. There are only a few brands out there that dare to use this minimalistic style and, truth is, you can go for this kind of visual communication when you rely on your product’s intrinsic value.
18. Mountain sky view
Blue is associated with the sky, the ocean, and the ice. It signifies depth, infinity, and mystery. The darker the color is, the more intense, serious and deep it becomes. Very dark blue is a masculine color, and it is also connected to the intellect and high skills.
When found in a color combination like the one above, blue is evocative of the majestic beauty of nature, the great wide universe and also of the power of the masculine polarity.
This palette can be used by airlines, tourism agencies, men’s brands (clothing, skin & hair care, shaving), cleaning products and companies selling construction materials (especially roofing).
19. Simplicity is classy
White traditionally symbolizes purity, heaven, divine, perfection, and cleanliness. It is the color of snow, fluffy clouds, and bridal dresses.
Although technically white is considered a non-color, in a composition, white creates space, balances and allows other colors to be center stage. Using white in your color scheme will help you create a layout that conveys simplicity and elegance. White is also the color of modesty or of the people who know their worth but do not brag.
There’s an old Zen saying: “Those who speak do not know. Those who know do not speak.”. This proverb sublimely summarizes the essence of the color white. And remember that white (or space) is at the core of the Zen painting tradition.
The use of white in advertising stands for premium quality, luxury, and coolness. Premium brands can afford to use white in their advertising campaigns because their strength lies in their product. An everyone knows it. No need to brag about it.
20. Love at first sight
Red is and will always be a star, no matter the stage it may be distributed to. It is the color of fire, blood, heart, cherry lips, velvety roses and red apples (symbol for temptation). It symbolizes passion, burning desire, sensuality, excitement, and courage.
You’ll find tons of red buttons in display advertising because red appeals to the viewers to click. (Remember the red corrida cape toreadors use to trigger the bulls?)
A test ran by Performable.com proved that red buttons are most appealing to the users: in a comparative analysis, a red button outperformed a green button by 21% conversions.
Red is magnetic and it is deeply embedded in our subconscious mind. In terms of banner performance, red is the clickbait you need to drive people to your website.
Use a color scheme such as the one above (red, black, white and light grey) to promote food & drinks, clothes, beauty products, children’s clothes and toys, flower shops, or cars. Count on red to do its job. And get creative with black, grey and white. Play with them to fill the background, to animate your elements or enliven the texts.
21. Summer sea
This summery color scheme invites us to lay back and enjoy the Sun and the turquoise sea. The pale blue is evocative of the serenity of the sky while the sandy grey tempers the composition with a down-to-earth tone.
Use this combination of colors for your banner if you’re selling holiday package deals, children’s toys or care products or if you’re an airline company.
22. Milk & honey
Looking at this color combination, one might feel the urge to run into a coffee shop and indulge in a creamy cappuccino. The sweet tones of brown remind us of grannie’s homemade milk and honey biscuits and hot cocoa milk.
The lighter brown’s (#EAC87C) official name is actually food-inspired: Marzipan. This is a mouth-watering color, and it can successfully promote anything food-related, or to be more precise, anything ingredient-related, meaning any product that relies on its superstar ingredients.
If you want to use these brown colors, make sure to incorporate black for your text and white/light grey to propel brown into the viewer’s focus of attention.
23. Shades of desire
We’ve talked about the symbolism of red before, and as we’ve seen, this color is largely used in advertising to instill desire. From beauty products to pizza restaurants, designers use red to appeal to our most intimate and basic needs: sex and hunger.
This color palette was probably inspired by the red salami or by the ketchup (pizza’s best friend), but you can use it to promote your brand/product too and play with the various tones to get a stunning effect. Use this color scheme if you want to promote beauty products, women’s clothes & accessories and food.
Use white for your text and/or for your button to make them stand out.
24. Lavender fields under the starry sky
Purple offers a generous spectrum of tones. Sitting between red and blue on the color wheel, it embodies characteristics from both its parents: the energy of red and the integrity of blue. At one end, neighboring red, we find a feminine mauve, while at the other end, next to blue, there’s cold indigo.
You can use this purple color combination to convey extravagance or enthusiasm. It can very well be utilized to signify exuberance and euphoria, depending on which shade you choose as your main color.
25. Caramel indulgence
Here’s another delicious color palette that makes us long for a sweet escape to the confectionery shop around the corner. At the same time, these seductive tones of brown and red can be used to promote furniture, interior decorations, makeup or clothes.
Use red to signal your CTA and button and white to tell your story.
26. Tropical vacation
Take the tropical warmth of orange Persimmon, add the breezy feeling of leafy green, the lightness of pale grey sky and the solid ground of earthy brown and you get a five-star tropical holiday.
This refreshing color scheme is ideal to promote your product/brand during the summertime or to promote products related to summer: drinks, food, holiday resorts, holiday deals, leisure activities and so on.
27. Countryside footpaths
These raw, earthy shades of brown work perfectly with dark blue and pale bluish grey. The result is a nature-inspired palette that allures us down the memory lane, to the narrow and muddy footpaths of the countryside.
This combination can successfully promote any furniture, delivery or chocolate brand. Actually, the palette derives from UPS’ brand colors, but you can borrow it and creatively play with the tones to promote your own brand/product. It can be used to convey various meanings from natural/organic, wooden, countryside, earthy, delicious to chocolate ingredients.
28. Midnight sky
Dark blue is associated with knowledge, power, integrity, trust, authority, and masculinity. It is a cold and strong color, and it can be used in B2B communication, or to talk with audiences interested in studies and acquiring new skills.
At the beginning of this article, we’ve seen that dark blue has been the official color of the navy officers’ uniforms for centuries, and thus has gained association with high-skills, authority, power, and establishments.
When using Midnight blue in your banner design, make sure you choose 1-2 lighter and warmer colors for your button, typography, and icons. You can go for yellow and white, just like VISA’s designers did here.
29. Marshmallow pastels
This sweet combination of pastel colors will get noticed even on the most cluttered web page. It’s sweet, it’s appealing, and most importantly, it reminds us of our little childhood joys: a visit to the candy shop, marshmallows parties, and spring fair goodies. Everything wrapped up in pink paper with curly ribbon on top.
Sweet as it may be, this palette is pretty bold, especially when you want to use it to promote products like cars.
You can use this scheme to advertise your confectionery shop, bakery, children’s brand, women’s makeup or clothing brand.
30. Ocean deep
What we’ve got here is basically a gradient blue palette employing various shades of blue, from dark blue to Mediterranean blue and indigo to create depth/shadow effect. This is Yahoo’s brand color scheme, but it can be used to communicate anything from freediving courses to universities, men’s clothes, books or bottled water.
Choose your main color and play with the tones, or create a gradient design, just like in the banner above, either way, the result will be neat and clear.
Gradient color themes can make your life so much easier while offering a visually pleasant effect to the users. So, keep this scheme in mind whenever there’s an opportunity for you to use a monochromatic color combination.
Show us your true colors!
Here we are, done with the analysis and theory and ready to start designing a banner. I hope you are now more aware of the importance of color combinations in display advertising and that you will use all the tips in this article to create a badass banner.
If you’d like to get the job done fast and furious, sign up for a free account with Bannersnack and get comfy in your personal workspace by uploading your brand’s assets.
Also, let me know in the comments section below which one of the color palettes listed here is your favorite!