Online Resources for Choosing a Colour Scheme

I love colour and can spend ages playing with different colour combinations, but I find that it can be very difficult to narrow down all the different options and come up with a colour scheme that is more than just a unco-ordinated mix of beautiful colours.

If you are serious about using colour in the most effective way and would like to do some research, then I would highly recommend a series of three articles by Smashing Magazine:

Another useful resource for guidance on how to use particular colours, as well as for generating palettes based on these colours, can be found at Canva.com/colors.

Using a Colour as a Starting Point

One of my favourite websites for creating a colour palette, based on the colour wheel, is paletton.com.

As an exercise, I used the Paletton website to create some colour schemes based on this blue colour.

#4C6DC0
 
 

Here’s a monochromatic scheme – different tones, shades and tints with the same hue.

#4C6DC0
#9DB3E8
#6F8CD4
#3054AE
#153A95
 
 

Next, I added a complementary colour from the opposite side of the colour wheel.

#4C6DC0
#9DB3E8
#6F8CD4
#FFC652
#FFE1A4
#FFD277
 
 

Adjacent, or analogous, colours are from nearby sections of the wheel.

#3BAEB3
#92DFE3
#4C6DC0
#9DB3E8
#6B4EC3
#B19FE9
 
 

The scheme that Paletton calls a “triad” seems to be what others call a “split-complementary” scheme.

#4C6DC0
#9DB3E8
#FFE252
#FFF0A4
#FFA252
#FFCEA4
 
 

Adobe Color is an alternative website that provides a similar service to Paletton.

Deriving a Colour Scheme from a Photograph

The Adobe Color site that I mentioned above gives an alternative method for creating a colour scheme – you have the option of uploading a photograph and asking the site to pick colours from that.

You can choose this option from the footer of the website and will be asked to upload your own photograph.

adobe color footer

I used the photo below as an example.

SONY DSC

Having uploaded my image, I was given the option of choosing from 5 different moods: colourful, bright, muted, deep and dark.

Here are the results using the muted mood:

#576671
#9CA784
#F4D11F
#F0BD1B
#F09673
 

Some Sites with Ready Made Colour Schemes

A site that has a similar approach to creating colour schemes, in that its schemes are based on photographs, but not ones that you upload yourself is Design Seeds which has some really beautiful palettes to inspire you.

Colour Lovers is another website that is worth visiting if you like to browse colour schemes created by other people.

Canva.com/colors/combinations has some beautiful suggestions.

Coolors is a great way to start with a colour and then quickly access many colour schemes that others have saved that include that colour. Hit the space bar to view a different palette and lock colours to keep them in your scheme.

Here’s an example of just one of the colour schemes that came up when I input the blue colour I used previously.

#E2CFEA
#A06CD5
#4C6DC0
#102B3F
#062726
 
 

More Online Tools for Creating Colour Schemes

Also see my Colour Scheme Options page.

Related Articles

Leave a comment