MenuClose
Start a Project
Call Us  0161 505 1048

Design & UX

Tinted Love: A Foray into Colour Design Theory

14 August 2017
Paint Pallet Flat Lay | Tinted Love: A Foray into Colour Design Theory | Neon

Colour provides an instant, emotive message that can provoke our more primal instincts.

A number of studies have been taken around the world by colleges to distinguish exactly how much colour affects us and, the short answer is a lot. The application of colour in design is a way of communicating to someone, without necessarily using words. Following on from my last article, Design Principles for Beginners, we will now be taking a brief foray into the world of colour.

Any agency that is tasked with producing creative content for its clients will need to have a solid understanding of colour and its application, whether it be applied for crafting a website or producing a good old fashioned piece of printed literature on crafted paper. Colour and contrast was a pivotal role in the rebrand of Fast Web Media, and the result of different colour usage is always considered whilst completing client work.

COLOUR BASICS

For any budding designers, or any like minded agency folk who wish to gain an understanding on exactly why their designers are so passionate about colour, a good place to start for understanding and inspiration is the colour wheel. As its name suggests, the colour wheel is a circular representation of the colour spectrum. The circular aspect helps us to match colours together, and to classify them depending on where they sit on the wheel.

The Colour Wheel | Tinted Love: A Foray into Colour Design Theory | Neon

We are all, hopefully, familiar with the primary colours of red, blue and yellow and how they can be mixed in equal measures to create the secondary colours of orange, purple and green. When a primary and a secondary colour are then mixed in equal measures, we end up with a tertiary colour. You will see in the diagram how these all blend from one to another. These tertiary colours can be categorised further into four main groups: hot, warm, cool and cold.

When designing, you can create what are known as tonal variations to any colour, by increasing the amount of black or white. When you add black you create ‘shades’ of that colour, and with white you create ‘tints’. Think about the last time you shopped for paint; how many shades of grey did you encounter? I’d argue there were probably more than fifty.

Blue Colour Chart | Tinted Love: A Foray into Colour Design Theory | Neon

COLOUR PALETTES

So far so good, we now know how to identify and create variations of a single colour. It starts to get really interesting when you start combining colours in your design to create a palette or a colour scheme. There are many reasons as to why a certain colour palette works on the page. Colour palettes create a strong sense of consistency, so should not be underestimated when choosing your own brand’s scheme.

A monochromatic palette is created from a single colour, but uses tonal varieties of that one colour by adding less or more white and black. In brand identity design, it is always advisable to keep things as simple as possible for the user.

Blue Logo Examples | Tinted Love: A Foray into Colour Design Theory | Neon

A sympathetic palette uses neighbouring colours from the colour wheel. With the four main classifications, the colours will instantly create a feeling for your design; warmth or heat for example. Clothing company Wrangler has recently created a fantastic one-page website to commemorate 70 years of the brand that uses a pleasing sympathetic colour theme. See how nicely the colours all fade into one another?

Wrangler Colour Example | Tinted Love: A Foray into Colour Design Theory | Neon

Slightly more challenging is the use of a complementary colour palette. This is where two colours are selected that face off from one another on opposite sides of the colour wheel. Shocking pink and arsenic anyone? Whilst they are very striking, opposites really do attract and create some of the most exciting of contrasts.

Colour Design Theory Example | Tinted Love: A Foray into Colour Design Theory | Neon

All of the above can be complemented by the addition of a ‘neutral’ colour, such as black, white, grey or sometimes brown and beige. This may come in useful if you’re hesitant to go all out with your designs, as neutral colours won’t overpower a scheme. Another alternative is to use all neutrals and include just one colour, like in examples below:

Swiss Colour Scheme | Tinted Love: A Foray into Colour Design Theory | Neon

WES ANDERSON

You might be thinking, “why has an American film director got his own paragraph on a blog about design?”, but Wes Anderson has become somewhat notorious for his distinctive visuals in his movies.

A combination of pastel-hues render Anderson’s films seemingly dream-like, with notably muted pinks, vintage greens and warm browns to create an almost retro vibe to his productions. Wes Anderson’s colour palettes can be segmented into light, medium, dark and sit amongst a general spectrum of colors.

Colour Design Theory | Tinted Love: A Foray into Colour Design Theory | Neon

In fact, Wes Anderson has played such an influential role in terms of colour palette creations, an entire Tumblr has been set-up and dedicated to the director to illustrate some of his most notable works. You can scroll through, arguably, the most aesthetically pleasing Tumblr account here.

LESSONS

Embrace your inner designer and don’t be afraid to experiment with your colour choices. Live in a somewhat idyllic, pastel Wes Anderson world, or be brave and introduce clashing, bold colours to make a statement.

If you or your organisation is considering mixing it up with your design, why not get in touch? We’ve got your perfect shade waiting…

Related Items

Brand Logo Quiz

Five Reasons Why Your Facebook Ads Are Getting Disapproved

Top 5 UX errors and how they impact your online success

We are here to help

Want to be at the top of the search ranks? How about a website that’ll give your audience a great experience? Or maybe you’re looking for a campaign that’ll drive more leads? Get in touch to find out how we can help.

Start a project
The design and dev team making notes | Start a project with Neon | Neon