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

My Colour Scheme Options page displays some suggested colour palettes that I’ve created, based on the Paletton website.

 

Further Reading

For links to more useful websites, see my Dropmark collection: Colour online tools & tutorials.

 

 

Leave a Comment