Colour Chronicles: Brilliant Blue

Posted in Tips, Web Design2 years ago • Written by

Welcome back to another colourful article, this time dealing with last month’s favourite, chosen by you! Just as last time, it includes a showcase of websites, artwork and palettes, so there is a little something for everybody.

Basics


Blue is one of the three primary colours and as such is also part of the chromatic spectrum. It is a cool colour which covers a relatively wide area of the spectrum, ranging from cyan to a more violet tint. Of course you could always nitpick, but there is usually little doubt as to what all its different shades should be called; light or dark, greenish or not, you can still call it blue and get away with it.

Characteristics


According to its proper theory, blues are considered far colours, meaning that they seem to expand whatever shape they fill; a room, for example, will seem larger if painted blue, rather than yellow or orange.

It is easily perceivable by the human eye, given that blue colours present a wavelength between 440 and 490 nm. All three types of photosensitive cells respond to this range, albeit to varying degrees. On the other hand, the inclusive nature of the name means that some shades are (literally) easier on the eyes than others. Nevertheless, blue is a common sight in top favourites.

Symbolism


Although present in living beings (mushrooms and frogs, for instance), generally it has more inorganic and abstract associations.

One of these is the sky. Light tones give a sense of open space and freedom, an overall calming effect. Using light blue backgrounds in web design can make a site look friendlier, but large backgrounds have the risk of becoming dull. To avoid this, take inspiration from nature: the sky is much more appealing when the Sun creates a sort of gradient, rather than when it’s more or less one solid colour.

featured-trondheim-omgivelser-helene-rojas-nagel

"Trondheim omgivelser" by Helene Rojas Nagel

Next is the sea (or water in general). As a symbol of life and vitality, it also represents versatility; you can find it nearly everywhere, filling different shapes in different states. Although it is colourless in small quantities, in reality water has a slight blue tint that becomes more obvious in large quantities. While the image of a still body of water can be considered peaceful, remember that it can just as easily turn into a source of turbulence.

Blue is also a powerful corporate colour because of its association with stability and confidence. This is also why many IT companies prefer to use it in their visual identity, trying to combat the (to a certain degree) volatile nature of technology. Of course this all depends on the company’s philosophy, profile and desired image, but reliability seems to be the most wide-spread.

Some of the more negative associations are cold and melancholy. Less saturated shades remind of murky skies on cold days, while brighter shades closer to cyan have a frostier feel to them. Also, save for eye colours, the presence of blue on the human body is an indication of something wrong. This can be both physical and mental, hence the expression “feeling blue”.

Combinations


Bright, electric shades of blue create a fantastic effect when combined with dark, ash brown. Although it dominates and gives the overall composition a cool feel, at the same time it manages to generate energy. It works well with dark metallic colours as well.

Together with teal or mint green it creates a natural, watery scheme that is also very fresh and inviting. Of course, there must be some balance and hierarchy between the two colours; otherwise they will compete with each other if they have the same intensity.

Using blue for less important details in orange or yellow schemes can cool down the design and take away some of the glare. While traditionally, orange is blue’s complementary, combinations with yellow will have roughly the same effect.

Palettes


01. Complementary blue by tudor.girba

palette-01-complementary-blue

02. Swimming Sports by julievonderropp

palette-02-swimming-sports

03. Sunny Shores by twinklebunnytoes

palette-03-sunny-shores

04. Sea Foam by louisan

palette-04-sea-foam

05. Lilac Bathroom by nightzdragonz

palette-05-lilac-bathroom

06. Leviathan by matthepworth

palette-06-leviathan

07. Bleu Blanc Rouge by kuler

palette-07-bleu-blanc-rouge

08. blueberry pie by elsabartley

palette-08-blueberry-pie

09. Nautical Cruise by thecolorcat

palette-09-nautical-cruise

10. Giant Attack Robot by stevereed.m

palette-10-giant-attack-robot

Web – WordPress themes


01. Sealight (premium)

website-01-sealight

02. MyStream (premium)

website-02-mystream

03. Irresistible (free)

website-03-irresistible

04. MixBloo (free / must keep footer)

website-04-mixbloo

05. The Revival (free)

website-05-the-revival

06. Blue Earth (premium)

website-06-blue-earth

07. Feather (premium)

website-07-feather

08. SiliconApp (premium)

website-08-siliconapp

09. TheCorporation (premium)

website-09-thecorporation

10. Envision (premium)

website-10-envision

Artwork – animals


01. Sea turtle by Ruth-Tay

artwork-01-sea-turtle

02. The Safe Place by ShadowUmbre

artwork-02-the-safe-place

03. Hyacinth Macaw by doormouse1960

artwork-03-hyacinth-macaw

04. La fable de la girafe by AquaSixio

artwork-04-la-fable-de-la-girafe

05. Snowy Owl by markkarvon

artwork-05-snowy-owl

06. White Fang 2 by Ginseng-fox

artwork-06-white-fang-2

07. Out of Blue by kerembeyit

artwork-07-out-of-blue

08. Bubbles by trenchmaker

artwork-08-bubbles

09. The Emperor by D-NA

artwork-09-the-emperor

10. Into the blue by orcasaurus

artwork-10-into-the-blue

If you enjoyed this article, get email updates (it's free).

Join over 77,235 Subscribers Today.

8 Written Articles

Costin is a passionate multimedia designer focused on graphics, video and web. Coming from the often stressful Bucharest and currently living in Denmark, right now he is probably lost in thought, pondering absurd but creative ideas.

54.237.134.62 - unknown - unknown - US