Create Awesome Colour Schemes

Creating Colour Schemes for Websites

If you’re like me, you may not have the most naturally artistic eye. This can sometimes make web design quite difficult; you’ve put in heaps of work, the site is structured perfectly but you just can’t seem to find colours that work well together. It’s letting your new site down, it’s the difference between an OK website and a great website.

Fortunately, there are now plenty of resources on the web that make picking colours and/or creating a colour scheme really easy. They’ll save you the hours you would have previously spent choosing and testing different colours all the while giving you a fantastic looking website.

The first webpage I’m going to mention is flatuicolors.com. These colours are great if your website has a flat design or if you’re quickly in need of one simple good looking colour, and don’t need to go to the trouble of making a whole colour scheme. We’re using these colours all through our website, you would have already noticed the “Peter River” blue colour which features on most of our pages. Clicking any of those colour boxes on the Flat UI Colours webpage will automatically copy the colour’s hex value to your clipboard, which means you can pop it straight into your sites design. These colours will look good almost all the time.

A similar resource is flatuicolorpicker.com. This one has quite a few more options and is good if you want to spend a bit more time fiddling around to get the look that your after or if you want to build a colour scheme around a particular colour.

Finally, for those of you who need a complete colour scheme, the perfect resource is paletton.com. This is by far the best colour scheme picker that I’ve come across, in terms of ease of use, results and features. It’s up to you how specifically you want to calibrate your scheme. Switch between a monochromatic, adjacent, triad or tetrad scheme. Then move the dots around to the colours you desire and see the resulting scheme automatically appear on the right hand side. Switch to the presets tab to select some predefined options for your colours to get proven results.

There are plenty of other resources out there but these are the three that I have found most useful thus far. Say goodbye to your colour scheme headaches!