Prestige Award

How to choose what Colors to use on my Website

Your website should be designed to do something, it has a purpose to fulfil, bring more clients to your shop,

November 4, 2017

How to choose what Colors to use on my Website

Your website should be designed to do something, it has a purpose to fulfil, bring more clients to your shop, sell more products, market your brand etc..
We can do that in a manner of different ways using various tools, plugins, click/behaviour events, text, fonts but a major one that we sometimes overlook is Color/Colour.

Now, my wife is quite the authority on Scents, Smells and Aromas, but until someone invents the "Scratch & Sniff" screen, we will have to settle with other ways of effecting someones emotions through the screen, as I mentioned before Color/Colour is the way we can do that.

Including a simple color scheme into your site that emits an emotion can help to drive sales and steer people in the direction you wish them to go.

The intricacies of the discipline in color theories is broad as it is long, even the slightest tweak of a color can have the simplest effect on us.

Below is a simple color palette that describes the associated emotion/feeling it has on people, just hover over the image with your mouse or finger to see the type of website it should be used on.


HEX #e6194b | rgb(230, 25, 75)

Stimulating: to the physical senses- the sexual and physical appetite. It stimulates the deeper passions within us, such as sex, love, courage, hatred or revenge. If you have a flagging sex life and would like to introduce more passion into it, introduce some red into the bedroom – the more red, the more passion, but don’t overdo it or it will have the opposite effect.

Exciting and Motivating: it excites our emotions and inspires us to take action.

Attention-getting: it demands you to take notice, alerting you to danger. This is why we have red traffic lights and stop signs – it is the universal color for danger.

Assertive and Aggressive: drivers of red cars should take note! A small survey I did a few years ago showed that drivers of red cars, including females, said they felt quite aggressive behind the wheel of their red car.


HEX #32b44e | rgb(50,180,78)

Rejuvenating: The color green revitalizes us when we are physically, mentally or emotionally exhausted.

Nurturing: Because of its link with the heart, green urges us to nurture others. Green is also nurturing to us - another reason why it is the most predominant colour on earth.

Dependable, agreeable and diplomatic: The color green helps us to see situations clearly from all sides.

Possessiveness: Green is a color that encourages us to want to own things and people, to collect and possess. Green encourages materialism.

Envy: Green with envy' is a common phrase and a negative reaction to the color green.


HEX #FCE324 | rgb(252,227,36)

Creative: The color of new ideas, yellow helps us find new ways of doing things.

Quick decisions: Yellow helps with clear thinking and quick decision-making but it can also be impulsive.

Anxiety producing: Yellow is fast moving so too much time in its presence can agitate and lead to nervousness and emotional instability.

Critical: Yellow makes people more mentally analytical and self critical of both themselves and others.

Non-emotional: Yellow relates to the head not the heart.


HEX #237EC6 | rgb(35,126,198)

Conservative: The color blue is a safe colour - the most universally liked colour of all.

Predictable: Blue is not impulsive or spontaneous and it doesn't like to be rushed - blue needs to analyze and think things through, and to work to a plan.

Orderly: Blue needs to have direction & order- untidiness and unpredictability overwhelms it.

Rigid: Blue likes familiarity. It doesn't like change and will stubbornly do things its own way, even if there is a better way.


HEX #F48434 | rgb(244,132,52)

Enthusiasm: Orange is optimistic and extroverted - the color of the uninhibited.

Rejuvenation: Orange helps to restore balance to our physical energies.

Stimulation: Orange is not as passionate or as excitable as red, but it is stimulating, particularly to the appetite - the worst color to have in the kitchen if you want to lose weight.

Courage: Orange helps us to take account of our lives, to face the consequences, to take action and make appropriate changes, and then to move onward and upward.

Vitality: Orange has a more balanced energy than red, not as passionate and aggressive, but full of vitality.


HEX #9414B2 | rgb(148,20,178)

Empathy: Compassion, kindness and a love of humanity are positive qualities of Purple.

Controlled emotion: Purple is passionate, like red, but inclined to display it in private only.

Respectable & distinguished: The darker shades of Purple particularly are linked to the origins of purple where it was only available to royalty and the wealthy.

Impractical: Purple can be impractical, with its head in the clouds rather than having its feet on the ground. It tends to see life as it imagines it, rather than how it is.

Immature: Purple can be immature, encouraging fantasy and an idealism that is often difficult to achieve in real life.

Dignity: Purple exudes a quiet modest form of dignity which is often appealing to others.

Cynical: This is a negative side of Purple.


HEX #45EFF0 | rgb(69,239,240)

Clarity of Thought: It enhances the ability to focus and concentrate, assisting with clear thinking and decision-making, and the development of good organizational skills.

Calming: It is calming yet invigorating, restoring depleted energies.

Non-emotional: A negative effect of Cyan is that it can cause people to be too aloof and to hide their emotional reactions.


HEX #F42BE4 | rgb(244,43,228)

Emotional Balance: spiritual yet practical, it helps to create emotional, physical and spiritual balance.

Compassion: gentle and caring in its approach, it generates acceptance, tolerance, support and patience.

Inspiration: inspires cheerfulness and optimism, creativity and innovation, dream activity, positive change and negotiating skills.


HEX #F69694 | rgb(246,150,148)

Calming: Pink calms our emotional energies.

Non-threatening: Pink lacks any aggression or anger, although the deeper pinks can be more assertive and confident.

Affectionate: Pink offers warmth and tenderness to friends and family.

Caring: Sensitivity and tender loving care relate to pink's feminine and intuitive energies.

Immature: Pink is the color of the sweet young girl, before life's experiences take over.


HEX #D88EFE | rgb(216,142,254)


like blue, Lavender is a calming color that can help to make wise and thoughtful decisions.


Lavender is believed to influence and encourage us to show empathy and love.


Lavender seeks dignity and self respect.


HEX #A8702C | rgb(168,112,44)

The color brown encourages feelings of safety and security.

Brown is a welcoming and relaxing color which often makes it a good choice for home furniture.Color brown personality, meaning and effects

It can seem dull, boring perhaps even depressing and uninspiring.


HEX #F4F5DB | rgb(244,245,219)

Beige is dependable, conservative, and flexible. The color beige is neutral, calm, and relaxing. The attributes and meanings associated with beige change based on the colors it accompanies.

The color beige offers some of the warmth of the color brown and the some of the crisp and coolness of the color white. While it is a relaxing color, beige is often seen as a dull and boring color.

A similar color to beige is ivory, a neutral, relaxing, and calming color, has some of the same pureness and softness of the color white, but with a warmer tone. Ivory represents quiet and pleasantness. The color ivory sets relaxed tone of understated elegance.


HEX #7F1000 | rgb(127,16,0)

Stimulating: Like Red it touches the sexual and physical appetite. It stimulates the deeper passions within us, such as sex, love, courage, hatred or revenge.

Regal and Informative: it creates a feeling of security and a certain level of wealth.

Attention-getting: it demands you to take notice without the "in your face" approach that RED has.

Luxurious: goods and services.


HEX #A4FFC2 | rgb(164,255,194)

Fresh vibrant: used for for tropical drinks commercials,


HEX #1D007F | rgb(29,0,127)

Introspection: promotes deep concentration during times of introspection and meditation - can lead to feelings of being spaced out.

Idealistic: an ability to plan for the future.

Addiction: can support an addictive personality into maintaining their addictions - don't use it if you are trying to overcome an addiction - it is associated with the religious fanatic - the colour of the workaholic who thinks they are indispensable - can also be related to those who are addicted to getting qualifications.

The Dramatist: relates to the acting profession - can cause people to 'make a mountain out of a molehill'.

Conformity: a love of ritual - conformity to the things that have worked in the past, not just for the sake of conforming.


HEX #7F7F7F | rgb(127,127,127)

Indecision: Grey prefers to sit in the middle, not making a decision either way, sitting on the fence.

Detached: being non-emotional, grey can appear indifferent, uncaring, cold and aloof.

Depression: grey can stifle and depress energy but it is also the stable base from which the new and positive can come.

Unemotional: grey can appear neutral, disinterested, objective or impartial.

GeckoGrafix are a freelance web design business based in Cardiff, specializing in creating online presences for small independant business in the expatriate market in Spain.