18 minutes read

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

A walk through the theory of colors and a look at our list of 40 curated color palettes will provide you with all the knowledge you need to make a banner that stands out from the crowd.

The main principles of the color theory

color combinations-theory of colors

Digital design may be an offspring of the 20th century, but it employs the same color theory 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.

Here is a memorable quote from the famous painter, Marc Chagall, that will help you remember the principles of the color wheel and combine colors in your designs:

All colors are the friends of their neighbors and the lovers of their opposites. 

Marc Chagall

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.” 

Have a look at these 30 cool color schemes and learn how to combine colors from top brands.

1.The carefree life: bright & positive colors

relaxing color combination in Airbnb display ad

 

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 include colors, typography, icons, and information architecture.

2. Navy Blue 

Display banner ad navy blue theme

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

Display banner orange theme

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. Grey & Green – The technology of health

Dove men display banner in grey and green

Though we tend to associate green with nature, this is an urban color scheme, due to the surprising combination with city grey. Green 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.Seaside blue

blue seaside color palette

This blue palette is evocative of the tranquility of the seaside. The combination of soft blue and golden sand creates a summery atmosphere with a relaxing feeling to it.

It can help you promote homeware products, interior design services, clothing, water, and children’s brands.

6. Red is for Christmas

Coca Cola Christmas display ad

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. This shade of 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.

7. Less is more – White color pallets

Minimalist colored display banner ad

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.

8.Honey yellow

honey yellow color palette

This yellow color scheme, inspired by sweet honey, is perfect for when you need to create a bright context for your products. Yellow conveys positivity and it is associated with the Sun and summer. It can enliven your ad and take it from ordinary to extraordinary.

Use this color palette to promote anything related to summer or during the summer, bee products, women’s and children’s brands, sweets, and natural supplements.

Related articles:

28 Color Combinations That Work Like Magic in Social Media

Design Stereotypes: What Defines Feminine Design or Masculine Design?

How to Use Geometric Patterns To Create Brilliant Designs

9. Carnival dance

intense purple in Durex Display Ad

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 party 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.

10. Fresh new day

White red water Colgate Ad

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.

11. The contrasting couple

Orange black Espn+ display ad

Black and yellow are probably one of the most contrasting pair of colors. Yellow expresses warmth and demands attention, while black is sober and introverted. 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.

12. Sprouting time

green color Heineken display ad

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.

13. Red rose bouquet

red rose bouquet color palette

This bold combination is inspired by nature’s most elegant flower, the red rose. Here, the daring red is accompanied by a softer relative, plum mauve, and its grandeur is matched only by the classy black.

This is an eye-catching color scheme, no doubt about it. But as attention-grabbing as it may be, this red and black palette is not suited to all types of products and brands.

It goes well with fashion and beauty brands.  

14. Cozy little space 

Ikea display ad in grey and violet

This pale palette is an invitation to coziness and relaxation. When used as the main color in a composition, light grey takes the burden off the viewers’ shoulders. It makes space seem neutral and light. Of course, life can get pretty boring with so much grey around, that’s why getting a vibrant kick of Vivid Violet will considerably change the atmosphere.

15. Sunny days 

sunny yellow Lego display ad

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 use 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.

16. Delicate pastels

pastel color combinations Louis Vuitton display ad

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.

17.Exotic island

exotic island color palette

For your background color, combine vivid yellow and tropical orange, add a bit of sky blue, and you’ll get the perfect summery palette.

This combination of colors will create the ideal tropical summer background for your product or brand and will help you convey a positive feeling.

Use it if you’re selling summer-related products, holiday deals, and teenagers’ brands.

18. Rose sensuality

pink color palette in Maybelline display ad

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 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).

19. Somewhere over the rainbow 

purple color palette in Milka display ad

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.

20. Playful colors

pale blue and white puppy Purina ad

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.

21. Primary colors: red, blue and yellow 

Google cloud banner

Blue, red, 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, the truth is, you can go for this kind of visual communication when you rely on your product’s intrinsic value.

22. Mountain sky view: blue palette

blue color palette Mini auto banner

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 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).

23. Nude pink palette

nude pink color palette

This feminine palette of pink tones is all about sensuality and beauty. Inspired by nature’s flowers (roses) and fruits (plums), the combination is pleasing to the eye.

It can successfully promote beauty brands, women’s clothing products, and also delicious foods such as chocolate or sweets.

24. White in compositions

color combinations

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. And everyone knows it. No need to brag about it.

25. Love at first sight 

 Nutella ad with red buttin

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.

26. Orange & Blue palette

orange and blue palette

Orange and blue are famous for being complementary. While blue is a cold color, orange is hot and sunny. When the two meet, they create an eye-catching visual, that will not get ignored.

Whether you’re a children’s brand, or in the food, travel, or fashion industry, you can use this color scheme to stand out and make some noise.

27. Summer sea 

Turquoise Pampers banner

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.

28. Milk & honey 

Golden brown Pantene ad

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.

29. Blue sea

blue sea color palette

With such a rich range of blue tones, this blue sea color palette is the definite choice for brands related to water. From Dark Cyan to Light Steel Blue, this combination is extremely expressive and evocative of the aquatic environment.

30. Shades of desire – Shades of red

Red nuances Pizza Hut banner

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.

31. Lavender fields under the starry sky

Lavender purple Samsung banner

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.

32. Caramel indulgence – Shades of brown

snickers ad - brown nuances

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.

33. Luscious red

luscious red color palette

Red is a magnetic color, that’s why it is so used by the lingerie industry. When you pair luscious red with golden yellow and black, you get a color scheme that screams “sex appeal”.

Use this palette to advertise your lingerie or fashion brand and you’ll see a massive increase in engagement and sales.

34. Tropical vacation

Starbucks ad in tropical colors

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.

35. Countryside footpaths

raw brown ups ad

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.

36. This jolly couple

blue and orange color scheme

With so many shades of orange, this blue & orange palette wins the award for the hottest couple. By just playing with the gradient effect you can get more tones involved in your design and create a unique atmosphere. For example, here we got crimson orange, a vivid orange situated very close to red on the color wheel, and on the left side of the layout, there’s coral, an orange that neighbors yellow.
Fact: thanks to its unique expressivity, Coral has been named the official color of the year 2019! Isn’t that amazing?
Use this scheme to promote your brand and make a great impression.

37. Midnight sky

dark blue visa ad

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 an 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.

38. Marshmallow pastels

pastel with metalic blue Tiguan ad

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.

39. Blue & brown color palette

blue and brown color combination

If you want to use a scheme that employs blue as the main color, make sure to balance it properly with other suited colors. Another way to balance blue while avoiding to over warming it with orange is to use brown in the composition and softer tones of yellow.

This palette right here is perfectly balanced and evokes a day in the outdoors, when the sky is clear blue and the ground suited for a hike.  

40. Ocean deep blue

Ocean blue Yahoo banner

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 a 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. So, keep this scheme in mind whenever there’s an opportunity for you to use a monochromatic color combination.

Show us your true colors!

Another worth mentioning aspect is that your brand’s color scheme should reflect the preferences of our audience as well. If you didn’t look into that yet, start creating your buyer persona in 5 easy steps, and get going. Alright, enough with the theory. Get 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 Creatopy 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!

Illustration by Anita Molnar 

Diana Guta
Content Marketing Specialist at Creatopy

42 Comments

  1. This article is amazing! Also, my favorite is the one by Nutella. I mean… just yum. :)

  2. Thank you, Ioana! It’s great to hear you find it useful!

  3. Great and very useful article, thank you.

  4. Hi Arek! Thank you! Glad you found it useful! :)

  5. Great article. It’s bookmarked on my browser!

    BTW, re the condom ad (example #7:=): I think the choice of colour is more likely down to a concept of blue for boys and pink for girls.

    Thanks for a great site.

  6. Hi Russ! Thanks for reading it! Happy you found something useful for you here!

  7. This Article Helpful For Me
    Thank You Friend

  8. Hello Kamal! You’re welcome! I hope this article helps you in your work!

  9. I am a painter and will like to receive more tutorials from you on how to choose Colors and hand drawing tutorials. Thanks

  10. This was really helpful👍

  11. Hi Godwin!
    Like our Facebook page or Follow us on Twitter to get blog posts updates!

  12. Awesome my dear friend

    Thankful to you for explain wonderful colors wiki

  13. Thank you, Syed!

  14. Thankyou very much for such a great article. I am searching for color combination in google. And now i got it from your site. The lst one really cool, Deep ocean blue.

  15. Hello!
    So happy you like the article! It means a lot to me!

  16. Hi Diana,

    The last one really look great (Ocean deep blue) i love the colour combination. ♥️

  17. Dennis, I love that combination too! Glad you like it!

  18. Very Helpful to me

  19. I like this article and I shared on my Pinterest.
    all credit goes to DIANA GUTA

  20. Thank you for sharing this article! So happy you found it useful!

  21. Example 24 has color codes from example 20.

  22. Thank you, Ongjen! We will change that!

  23. yes it is a grate post.
    i love it.
    i have it for my reference to editing images

  24. Great Tips! It is interesting to see what people like concerning colors. Thanks for sharing!

  25. Great post. Number 5 is my favorite with number one right behind. I was thinking that some of the combinations evoked a negative response from me because of the association from brand ads. I hated 11 because it reminded me of U-Haul, moving, road construction and who knows what else.

  26. Thanks a ton .
    You have provided a great help in desperate time.

    It would be very nice if you can write anymore of such post

  27. I am designing an HTML advertisement for a friend and your color pallets are awesome. Thank you so much for your effort.

  28. i love u

  29. awesome! very inspiring and very simply explained. Really thank you a million times

  30. Ha ha ha
    I’m Sry I downloaded some pictures.
    It’s amazingly cool😎

  31. Hi Diana Guta, could you please tell me perfect color coordination for a clothing logo. I want coordination for background, slogan, brand name and photo

  32. Hi. There are many different color combinations that could work for a clothing brand. I can’t tell you what colors would work best because this is connected to what you’re selling and your brand’s personality. Feel free to take a look at other clothing companies to get a feel of what would be best for you.

  33. Hi, Really your color contrasting details are awesome. i feel easy to select my choices. Thanks for providing the details…..

  34. Great and very useful article, thank you.

  35. Hi, Diana

    Lavender fields under the starry sky, this combination really blows my mind. Also this one my lucky color

  36. A really great post – thanks so much Diana. Very useful to something I’m working on right now for my own branding!

  37. This artcile is amazing shows couples of color combination for the display ads banners and images. I would like the most Number: 36, 34. 29, 12, 14, and 17. I’m working on right now for my own branding!

  38. Diana,

    Your collection is very amazing does anybody notice 14 number (Cozy little space) it just awesome

  39. Amazing post. Keep it up

Leave a reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

You may also like

More in Colors