5 Web Design Colours that Encourage Visitors to Click that Subscribe Button

People are still debating whether, or not, that content is king.

If you ask me, I totally agree with it and my opinion is based on my own experience. Regardless, whether or not content is king, there is something that is just as important! What is it, you ask?

It is a book’s cover that counts too…

I know, I know, everyone likes to say don’t judge a book by it’s cover, but how else are you planning to grab someone’s attention other then with a fancy cover?

Obviously, once you have someone’s attention, you can leave the rest to content. It’s all about web design colours and how you manipulate them.

To find out your real opinion of someone, judge the impression you have when you first see a letter from them.

-Philosopher Arthur Schopenhauer

You Make a First Impression Only Once

Image By Frédéric Bisson

There is always a one particular step you would like your website’s visitors to take. It is a step you are always concentrating on the most. It could be your subscribe button, it could be the follow button, or even the buy button.

Whatever that call-to-action button is, always remember that whether people will click on it or not depends on how you make them feel while they are on your website.

Read on, to find out about the five most popular colours used in web design to always leave your website’s visitors warmly welcomed, deeply engaged and even irresistibly intrigued.

1. Pinterest has Pinned Loads of Red

Image By Roxanne Ready

Without a doubt red is considered the hottest colour. If you check out Pinterest’s colour palette, you will notice straight away that red is their primary colour.

Red, often associated with love,  is such a strong and dynamic colour that it can make you feel very passionate about anything positioned closely around this colour.

This colour is often seen in clearance and sales promotions, as its intensity creates a feeling of urgency.

Even though this intensive colour can leave your visitors excited and encouraged, always be careful. Too much red can turn them off at once.

Use red in your colour scheme just to accent your web design. Blend it in a colour mix of white, grey, light blue or silver.

This Is How You Should Use Red

I Bet You Did Not Know

The human eye sees red when it looks at light with a wavelength between 630 and 700 nanometers.
Light just past this range is called infrared, or below red, and cannot be seen by human eyes, although it can be sensed as heat.

- Wikipedia

Great Use of Red Colour Palette

10 Associations With Red

  1. Blood
  2. War
  3. Fire
  4. Masculinity
  5. Passion
  6. Seduction
  7. Anger
  8. Force
  9. Energy
  10. Courage

Red Coordinates

Hex Triplet: #FF0000
RGB: (255, 0, 0)

2. Amazon Loves the Strength of Orange

Image By William Christiansen

Orange is warm and energizing, but not as intense as red. Orange feels more warm than hot.

Full of energy, this vibrant and friendly colour invites people to do something, rather than making them feel pushed or forced to do so with urgency.

Orange is sometimes considered aggressive, in the way it encourages a call to action, like buy, subscribe, sell or follow.

I recommend using orange if after visiting your website you want to leave someone feeling stimulated, cheerful, creative, and full of enthusiasm.

This is how You should use Orange

I Bet You Did Not Know

Web colour orange, defined as FFA500, is the only named colour defined in CSS that is not also defined in HTML 4.01.

- Wikipedia

Great Use Of Orange Colour Palette

10 Associations With Orange

  1. Optimism
  2. Determination
  3. Fire
  4. Warning
  5. Autumn
  6. Religions
  7. Endurance
  8. Compassion
  9. Halloween
  10. Organism

Orange Coordinates

Hex Triplet: #FF7F00
RGB: (255, 127, 0)

3. Facebook’s Blue Makes Us Feel Safe

Image By Dimitris Kalogeropoylos

You will find many business and corporate websites use blue tones. This colour makes us think about something secure, safe, dependant and full of experience.

Therefore, it doesn’t come as a surprise that every business who cares how they leave their customers feeling in the long term prefers to use blue.

Blue creates completely opposite feelings to red. Blue calms us down and you should not be worried about using too much. You can easily splash blue all over your web design.

This is how You Should use Blue

I Bet You Did Not Know

A survey taken in Germany and published in 2009 found that blue was the favourite colour of 46 percent of male respondents and 44 percent of women.

- Wikipedia

Great Use Of Blue Colour Palette

10 Associations With Blue

  1. Trueness
  2. Friendliness
  3. Magic
  4. Boys
  5. Ice
  6. Royalty
  7. Winter
  8. Police
  9. Sky
  10. Water

Blue Coordinates

Hex Triplet: #0000FF
RGB: (0, 0, 255)

4. Groupon has Some Green Collective Power

Image By Groupon

Feeling very optimistic right now? Let me guess – You have been looking at something that is green? Maybe it was just a green plant you were looking at, as that would definitely calm you down and make you feel optimistic.

Anyone who is associated with green living or environmental movements will more likely use green at least in some part of their design process.

Have a look at a $100 bill. It is green! Websites like Groupon have a lot of green in their brand, as they are directly dealing with money.

Green is very refreshing and relaxing, leaving people with a feeling balanced and inspired. It represents balance and harmony in a design

This Is How You Should Use Green Color

I Bet You Did Not Know

In some languages, including old Chinese, Thai, old Japanese, and Vietnamese, the same word can mean either blue or green. There is no natural source for green food colorings which has been approved by the US Food and Drug Administration.

- Wikipedia

Great Use Of Green Colour Palette

10 Associations With Green

  1. Money
  2. Greed
  3. Growth
  4. Envy
  5. Nature
  6. Spring
  7. Health
  8. Youth
  9. Grass
  10. Hope

Green Coordinates

Hex Triplet: #00FF00
RGB: (0, 255, 0)

5. Yahoo! Splashes a Lot of Purple on their Logo

Image By Yahoo!

Purple is very often described using words like imagination, creativity, dignity, nobility and abundance. Stronger shades of purple are more related to spring and romance, whereas darker ones are associated with luxury and wealth.

Purple is used in a variety of beauty, fashion and lingerie products, because purple calms and soothes more than any other colour.

It is also considered to be more feminine and romantic than masculine. When looking at anything purple, many people feel that it appears to be artificial, because of the fact that this colour can be found in nature very rarely.

Just like red, people can find purple too strong and overpowering, making them feel forced, or pushed, to take a certain action. So it would be very wise to pair purple with other colours like black or white.

This Is How You Should Use Purple Color

I Bet You Did Not Know

In April 2007 it was suggested that early archaea may have used retinal, a purple pigment, instead of chlorophyll, to extract energy from the sun. If so, large areas of the ocean and shoreline would have been colored purple; this is called the Purple Earth hypothesis.

- Wikipedia

Great Use Of Purple Colour Palette

10 Associations With Purple

  1. Wealth
  2. Royalty
  3. Nobility
  4. Sophistication
  5. Romance
  6. Artificial
  7. Exotic
  8. Spirituality
  9. Luxury
  10. Feminine

Purple Coordinates

Hex Triplet: #800080
RGB: (128, 0, 128)


No! I am sure you deserve a bonus – So here is my list’s number 6 for You! wink

6. 1WD’s Clever use of Monochromatic Colours

Usually monochromatic colours like white, black, dark grey and light grey should be used as a backdrop in designs with already established brighter and stronger accent colours.

Take a look at our website, 1stwebdesigner – 1WD. We use a little bit of orange as it’s a strong and bright accent colour – but only in a good combination with dark grey and light grey. And white, of course (what colour is our website’s background?)

Just like birds will always fly, black will always represent modernity, mysteriousness, elegance and power. Whereas grey is a neutral color, representing something very calm and invisible, like shadows.

If grey can sometimes look dirty, then white will create the opposite effect. White represents cleanliness openness, simplicity and minimalism.

This Is How You Should Use Monochromatic Color

I Bet You Did Not Know

In digital photography, monochrome is the capture of only shades of black by the sensor, or by post-processing a color image to present only the perceived brightness by combining the values of multiple channels.

- Wikipedia

Great Use Of Monochromatic Colour Palette

10 Associations With Monochromatic

  1. Power
  2. Elegance
  3. Space
  4. Softness
  5. Heaven
  6. Peace
  7. Innocence
  8. Pessimism
  9. Depression
  10. Boredom

Monochromatic Coordinates

Hex Triplet: #000000
RGB: (0, 0, 0)

Hex Triplet: #808080
RGB: (128, 128, 128)

Hex Triplet: #FFFFFF
RGB: (255, 255, 255)

What Is Your Favourite Colour?

How does your favourite colour make you feel?