Do you need help choosing the best colour scheme for your website? Looking for colour inspiration for your next web design project?

We share 10 colour tools to help with your web design in this infographic.

Here’s who makes the list:

  • ColorHexa
  • Colors.css
  • Coolors
  • Palettte App
  • Material UI Colors
  • Color Supply
  • Color Safe
  • Color Hunt
  • Open Color
  • Adobe Color CC

Check out the infographic for more detail.

The best thing about graphic design is that anybody can have a go.

And true, whilst it will always make more sense to hire a professional to do the job, it doesn’t mean you still can’t enjoy at least some creative input over your website.

And just one area where you can improve your graphic design skills is with the website interface itself. Here, you are afforded opportunities to get creative with colour palettes, fonts, and images.

If you’re a new business owner with a new website, though, chances are your budget can’t stretch very far at the moment.

You might be incredibly lucky if you know someone who can give you a hand. But for now, until you build those relationships or even hire a small design team, you might have to start out with a bit of design DIY.

Often, when people think of ‘homemade’ design, they panic. And this is natural.

The best websites, of course, are made up of the best design. And this is done by professionals with years’ worth of experience, whether agency or freelance. Using their vast repository of theory, practical, and software knowledge, they can pull together something special using just a client brief.

As a business website owner, though, sometimes you can’t do everything, not matter how hard you try.

Sure, you can go it alone, but you may risk jeopardising your quality – and that’s always priceless. For these reasons, it’s always best to take a considered, practical approach. But where do you get started?

Interface design is one of the most popular first-entry routes into design DIY. But how do you know what specific colour design will work best for your business website?

Fortunately, there are many web-based colour design tools to help you kickstart your website design journey.

Take a look at 3 of our favourites below!


Before you begin splashing the colour all over your website, you’ll need to establish a suitable colour palette. When it comes to design psychology, colours play a huge role in influencing your overall identity, voice, and brand communications.

ColorHexa is a great colour library tool for designers looking to understand colour pairings, retrieve colour codes, and view recommended shades.


How often do you have a perfect colour in mind, but struggle to match it with a suitable partner? If this sounds like you, then Coolors is definitely for you! Granted, you’re spoilt for choice when it comes to colour scheme generators.

So, what makes this so different? I hear you ask.

Well, for starters, it’s got its own add-on and supports Adobe, giving you a much more versatile and seamless experience. Second, you can simply add Coolors as a Chrome extension or as a custom iOS app for your phone. Now all those colours you’ve been dreaming of are closer than ever.

Material UI Colors

If you’re looking to build a website that appeals to both online visitors and Google, then this app is for you. Sometimes, web builders can get quite carried away with their web design and end up infringing upon Google’s material guidelines.

With Material UI Colors, you’ll be able to use their amazing colour scheme generator and be confident you’re adhering to all material guidelines!