7 Colour Combinations You Should NEVER Use on Your Blog (+ FREE Cheat Sheet!)

 
 The colours you choose play a big part in making or breaking your visual brand. Make the right impression on your blog by avoiding these 7 colour combinations! • color palette | color schemes | graphic design tips | graphic design tutorials | blog brand design tips | blog brand design tutorials | blog design tips | blog design tutorials #visualbranding #colorschemes #colorpalettes #blogdesign #brandingtips #bloggingtips #graphicdesigntips
 

The colours you choose play a big part in making or breaking your visual brand.

Make the right impression on your blog by avoiding the following colour combinations! (Your eyes will thank you.)

Click to tweet: Your eyes will thank you if you avoid these 7 colour combinations on your blog. 🎨

Vibrating colours

 Examples of vibrating colour combinations
  • Blue & red
  • Red & green
  • Green & magenta

Vibrating colours happen when 2 highly saturated or bright colours are paired together.

As you can tell from the name, they create an illusion of “vibrating”, which is unpleasant to the eyes (just look at the image above! 😵).

They also make your visuals look tacky, like a GeoCities website from the 90s.


Tip:

If you have to use a vibrating colour combination (e.g. you’re designing something christmas-themed and you really wanna use green and red), place a neutral colour (e.g. white, black, grey, brown) between them.


Way too light

 Example of a light on light colour combination. Can you honestly read this shit?
  • Yellow & white

Light on light colour combinations may look pretty, but they cause major readability issues.

Try to read the above image without moving your screen close to your eyes!


Tip:

Use this colour contrast checker to make sure that there’s enough contrast between your background and font colour.


Way too dark

 Examples of way too dark colour combinations.
  • Red on black
  • Blue on black
  • Purple on black

Black is such an overpowering colour that even when you place vibrant colours on it, black still draws the most attention.

This makes your visuals seem aggressive, which probably isn’t what you want.

The best way to get around this is to never use pure black (#000000). The reason? Pure black doesn’t exist in nature! 🤯

Things that we perceive as black aren’t actually 100% black (for example, black hair is really very dark brown). Pure black looks so overpowering because our eyes aren’t used to seeing it.

Use dark grey, or dark grey mixed with a bit of colour instead.

To make things easier, I’ve picked out (okay, I totally stole them from Coolors) 9 alternatives to #000000 that you can try out in your visuals:

 
 9 alternatives to using pure black (#000000) • color palette | color schemes | graphic design infographic | graphic design tips | graphic design tutorials | blog brand design tips | blog brand design tutorials | blog design tips | blog design tutorials #visualbranding #colorschemes #colorpalettes #blogdesign #brandingtips #bloggingtips #graphicdesigntips
 
  • #02020A
  • #020122
  • #110B11
  • #0D0C1D
  • #00171F
  • #02182B
  • #232528
  • #27233A
  • #272838

Conclusion

Colour combinations are tricky to get right (did you know that humans can distinguish around 10 million colours?). But if you know what to look out for (namely: vibrating colours, way too light colours and way too dark colours), creating decent colour schemes shouldn’t be such a struggle (even if you’re not a designer!).

 
 

Also, once you’ve decided on your brand colours, make sure you stick to them!

Click to tweet: Make the right impression on your blog by avoiding these 7 colour combinations! 🎨


Related Posts