How to pick a color scheme for your website

Choosing a website color scheme can be tricky but there are a lot of good free tools out there to help you on your way, some of which are:


A super fast color scheme generator. Just click on generate or explore tabs at the top of the page and browse through their color schemes or create your own by drag & drop. When you are happy with your chosen color scheme just click on export and chose between pdf, png, scss, svg, or url formats.

Visit Site



A great tool for picking your colors from a color circle. You can then select the example tab to see your chosen color scheme implemented in a number of different ways on a website mock up. If you like the color scheme then you can copy this palette or share it

Visit Site


Adobe Color CC

A good tool for picking your colors from a color circle again but this time using a set of color rules.You can pick a base color and generate a palette from this or select one of the color rules like Analogous, Monochromatic, Triad, Complementary, Compound, Shades or Custom

Visit Site