10 Troublesome Colors to Avoid In Your Advertising - SitePoint (2022)

Blogs

    Design
Tara Hornor

Share

Most of the readers on DesignFestival probably already know which colors to avoid in advertising, so for those of you who fall into this category, this article is simply to give you a bit of humor to brighten your day. However, if you are still new to advertising, or maybe there is a color combo or scheme you absolutely love but can’t seem to find success with, perhaps this article will help you see why certain colors are so bad for advertising. You may also want to check out some color scheme apps for helping you choose better color combinations.

I’m a big believer in color. I would go so far to say that all colors are beautiful, even the ones I don’t relate to very well. In combination with the right colors, they can be even more appealing and produce the right feelings in a target audience. In combination with the wrong colors, however, or used in the wrong way, all colors have the potential to simply be obnoxious. In fact, some advertisers seem to use bright, neon, abrasive, or even mismatching colors in a lazy attempt to capture attention. The problem is that these colors may initially grab attention but ultimately damage the brand and the credibility of the offer.

The following are some of the worst uses of color in advertising, both online and in print. Glance through and make sure you aren’t using any of the following simply as a short-term strategy to attract attention.

1.) Green, Yellow, or Purple on a Green Background

10 Troublesome Colors to Avoid In Your Advertising - SitePoint (1)

You would think that putting two colors of almost identical hues on top of one another would be common sense, but apparently it still happens. In this ad, it is understandable what the marketer was trying to accomplish— green and yellow are sensible choices for a landscaping ad. However, using only these colors on an ad makes it highly unreadable, both on print and on the web. The colors are simply too close together.

In fact, the worst colors to use on a green background are most shades of green, yellow, or purple. If done with the exact right shades, purple and green can create an intense design. But purple text on a green background are just that— too intense to be easily read.

10 Troublesome Colors to Avoid In Your Advertising - SitePoint (2)

2.) Light Colors on a White Background

10 Troublesome Colors to Avoid In Your Advertising - SitePoint (3)

White is already light, so adding light-colored text such as green or yellow on a white background is going to create readability issues. Thankfully, the website above didn’t go with this original design, probably due to the bad color combo. Bold text helps a little, but not much. It is always best to stick with darker shades of grey or black with white.

10 Troublesome Colors to Avoid In Your Advertising - SitePoint (4)

3.) Neon or Rainbow Colors

10 Troublesome Colors to Avoid In Your Advertising - SitePoint (5)

Both neon and rainbow color combinations are definitely eye-catching. But beyond this, they are aversive and very irritating. They tire our eyes very quickly, and mostly just end up causing annoyance instead of more positive feelings that companies want customers to associate with their brand.

10 Troublesome Colors to Avoid In Your Advertising - SitePoint (6)

4.) Colored, Textured Background with Colored Text

10 Troublesome Colors to Avoid In Your Advertising - SitePoint (7)

This is another green-on-green example that is could have been better. I’m not sure why this seems like such a common marketing mistake, except that maybe green is just a likeable and versatile color. But, even the best colors can be too much if implemented the wrong way. What I want to point out in this example is just how unreadable colored text is when placed directly on a highly textured background, especially one with a strong color. Turn down the opacity, if you must place text directly on an image. Or, place the text in a box where you have better control of the background.

10 Troublesome Colors to Avoid In Your Advertising - SitePoint (8)

10 Troublesome Colors to Avoid In Your Advertising - SitePoint (9)

5.) Red, Blue, or Purple on Black Background

10 Troublesome Colors to Avoid In Your Advertising - SitePoint (10)

Unless you really want to push the goth look, avoid red on a black background, even with images. Blue and purple are just as bad. Text in these colors on a black background are also completely unreadable. In fact, almost any color of text on a black background is hard to read, even white. Usually, you should use colored or white boxes if you need to put more than a line of text on a black background. Black is simply too strong of a color and overpowers every other color on the page.

10 Troublesome Colors to Avoid In Your Advertising - SitePoint (11)

6.) White Gradient with White Text

10 Troublesome Colors to Avoid In Your Advertising - SitePoint (12)

Gradients are terrific when used well, but as a quick trick to draw attention, it usually ends up hurting a design more than helping it— and even more so when you use the same color for both the gradient and text. And, I’d advise that you don’t ever use more than one gradient in a single advertisement.

10 Troublesome Colors to Avoid In Your Advertising - SitePoint (13)

7.) Multiple Colored Boxes

10 Troublesome Colors to Avoid In Your Advertising - SitePoint (14)

Too many different colors look bad, no matter which colors are used. Lots of hues confuse the eye, so readers don’t know where to start first. This is why one of the rules for good design is to limit the number of colors to two or three, and on rare occasion, four.

10 Troublesome Colors to Avoid In Your Advertising - SitePoint (15)

8.) Yellow, Blue, and Magenta on Red Background

10 Troublesome Colors to Avoid In Your Advertising - SitePoint (16)

Yes, yellow contrasts well with red. But in the case of a wall of text, yellow and red simply are not an appealing combination. I get a little dizzy looking at the website above, in fact. Not many designers can pull off a red background well. Just as with black, it is very overpowering and hard to balance well with other colors. And, the shade of red in the website above, #ff0000, should never be used in such large amounts.

10 Troublesome Colors to Avoid In Your Advertising - SitePoint (17)

Most designers know that blue and red are the worst color combinations possible when it comes to text, and especially blue text on a red background. The colors are both too strong and fight to overpower each other, which plays tricks with our eyes. In the example above, they also place a magenta box on the red background…not advisable. Red and magenta get placed together way too often, in my humble opinion. They are two colors that clash terribly and are no-no’s in any use, not just ad design.

10 Troublesome Colors to Avoid In Your Advertising - SitePoint (18)

9.) Bright Blue Background

Now I’m not saying that all websites with blue backgrounds are bad. In fact, some are quite brilliant. But, bright blue is another color that is just too strong for a background if not designed well. In small amounts or as text on a light background, it can be striking. Or, even just a slightly darker shade of blue works well in large color blocks. The brighter and closer to neon it gets, though, the harder it is to look at for long periods of time. As you can see with the above example, not even black looks good with such a bright background, not to mention a few other obvious improvement areas.

10 Troublesome Colors to Avoid In Your Advertising - SitePoint (19)

10.) Pale Yellow Background

10 Troublesome Colors to Avoid In Your Advertising - SitePoint (20)

The shade of yellow used in the above website is great in small amounts used in combination with brown or dark red for, say, a retro look. But, as the entire background, it simply comes across as a very unappealing hue. Yellow is supposed to cause feelings of happiness, childlike bliss, etc. This website certainly doesn’t entice such feelings, nor does the following mock bad website designed in dull orange:

10 Troublesome Colors to Avoid In Your Advertising - SitePoint (21)

Are there any other colors or color combos that you absolutely abhor? Please help make the world a more beautiful place by exposing these poor design practices in the comments below.

You might also like

Latest Posts

Article information

Author: Melvina Ondricka

Last Updated: 10/13/2022

Views: 6332

Rating: 4.8 / 5 (48 voted)

Reviews: 95% of readers found this page helpful

Author information

Name: Melvina Ondricka

Birthday: 2000-12-23

Address: Suite 382 139 Shaniqua Locks, Paulaborough, UT 90498

Phone: +636383657021

Job: Dynamic Government Specialist

Hobby: Kite flying, Watching movies, Knitting, Model building, Reading, Wood carving, Paintball

Introduction: My name is Melvina Ondricka, I am a helpful, fancy, friendly, innocent, outstanding, courageous, thoughtful person who loves writing and wants to share my knowledge and understanding with you.