Colourful blocks / tiles 

This is a definite web design trend, particularly among fans of flat design. Windows 8 has been rather influential, it seems, so let’s start there…

Windows 8





Gary Johnson 2016


Weather app 

Weather widget


Yet another weather app!

Flat UI Colors

Ultimately, a lot of these examples remind me of colour palettes like this one…

Colourful bars

Some sites make great use of coloured stripes and bars. Here are a few examples…


I featured this colour weather app in a recent post on beautiful mobile design.

Coloured Lines

A super-colourful website…

Minimal Monkey

Svpply’s mobile app

Daily Routine

Colourful backgrounds and washes 

Some sites and apps go well beyond blocks and lines… 


Scroll down and see the colour change. I bet you’ll want to scroll back up again.





Blocks and washes galore, using gentler hues…

Red Bull Studios


Colourful cards

‘Cards’ are increasingly being used by web designers, for all manner of reasons, but perhaps largely due to the growth in mobile / smaller screens, and following on from the widgets that were all the rage in the Web 2.0 era. This is a good thing, I think. Instead of focusing on designing whole web pages, we should focus on designing the content and functional elements that make up web pages. 


A responsive WordPress theme that combines a strong use of colour with cards.  



An unused card-based design aimed at helping users to get the most out of Google+.

Colourful icons

I thought I’d throw in an example of how colour can be used to group different types of icons, representing different kinds of functionality and information. This sort of thing can be subconsciously persuasive, if you get it right.

Dribble (concept)

A design concept for a Dribble Android UI, featuring some vivid icons.

Branded colour coding

We see this a lot in the world of design, and here’s one website that closely mirrors the colour of its product. Scroll through the products and the colour changes…

Purity By Monster


What other colourful websites and apps have you noticed recently? Do you think that this is a growing design trend that is might stay the distance, or will we be saying that “it looks so 2013!” in a few years time? Do leave a comment below! 

Econsultancy’s Punch event is where ‘Marketing meets Creative in the age of data and insight’. Curated by Creative Review, this event showcases the best of insight-driven creative. This event forms part of our week-long Festival of Marketing extravaganza.