Colour Scheme Suggestions

If you do not already have a colour scheme in mind, based on your logo or branding for example, then you could use one of the suggestions further down this page as a starting point.

Unless otherwise stated, the colour palettes are composed of a main colour, its adjacent colours and its complementary colour, based on an RGB colour wheel.

Using all the colours in every row is likely to look pretty garish but, for example, if you wanted a monochromatic scheme you would use the colours in one row only. For a two colour scheme, you could choose colours in two rows.

  • Using the first and last rows gives a complementary colour scheme.
  • The first row along with either of the middle two rows results in an analogous scheme.
  • The last row plus the middle two rows creates a split complementary scheme.

Example

This example is based on the “Morning Glory” palette.

Suppose I wanted a complementary scheme with just a couple of light and a couple of dark variations of each colour. I could use the lightest two colours from rows 1 and 4 and could visit color-hex.com to extend the scheme and find some darker shades. To get some light and dark greys, I could use a photo editing application (in my case I’ve used Paintshop Pro) to adjust the saturation and lightness of row 4.

#D8F1F3
#C5EBEC
#3EBBC0
#38A8AD
 
#F3D9D8
#ECC6C5
#C0443E
#AD3D38
 
#F0EEEE
#E1DEDE
#615E5E
#302E2E
 

It’s important not just to pick colours that you find attractive, but also to think about what those colours portray – see 99designs’ article Color meanings and the art of using color symbolism, Smashing Magazine’s article “Color Theory for Designers, Part 1: The Meaning of Color” and Lifewire’s article “What Meanings Are Associated With the Various Colors“.

 
image from companyfolders.com

 


Image source: Canva

common color associations color psychology


Camelot

#D185A4
#BC4E7A
#893456
#772D4A
#521F33
 
#D18D85
#BC594E
#893d34
#77352D
#52241F
 
#D185C9
#BC4EB1
#893481
#772D70
#521F4D
 
#85D1B3
#4EBC90
#348967
#2D7759
#1F523D
 

 

Azelea

#FDF5F8
#FADEE9
#F7C8DA
#F19BBC
#ED85AD
 
#FDF6F5
#FAE2DE
#F7CEC8
#F1A69B
#ED9385
 
#FDF5FD
#FADEF7
#F7C8F2
#F19BE7
#ED85E2
 
#F5FDFA
#DEFAF0
#C8F7E5
#9BF1D0
#85EDC5
 

 

Cerise Red

#F3B5C7
#E97394
#DE3162
#D42254
#A81B43
 
#F3C3B5
#E98D73
#DE5731
#D44922
#A83A1B
 
#F3B5E6
#E973CF
#DE31B9
#D422AE
#A81B8A
 
#B5F3E1
#73E9C7
#31DEAD
#22D4A1
#1BA880
 

 

Tall Poppy

#E5928F
#D75551
#B32D29
#9E2824
#751D1B
 
#E5BD8F
#D79851
#B37229
#9E6524
#754A1B
 
#E58FB8
#D75190
#B3296A
#9E245E
#751B45
 
#8FE3E5
#51D3D7
#29AFB3
#249B9E
#1B7275
 

 

Apricot Peach

#FDECE2
#FCDDC9
#FBCEB1
#F9B080
#F7A068
 
#FDECE2
#FCF7C9
#FBF3B1
#F9EC80
#F7E868
 
#FDE2E5
#FCC9CF
#FBB1B9
#F9808D
#F76878
 
#E2F3FD
#C9E8FC
#B1DEFB
#80C9F9
#68BFF7
 

 

Cedar

#775F49
#68523F
#48392C
#382C22
#282019
 
#777649
#68663F
#48472C
#383722
#282819
 
#77494B
#683F41
#482C2D
#382223
#281919
 
#496277
#3F5568
#2C3B48
#222E38
#192128
 

 

Willow Grove

#8B9B82
#7E9074
#65745D
#4C5846
#404A3B
 
#829B87
#749079
#5D7461
#465849
#3B4A3D
 
#989B82
#8C9074
#71745D
#555846
#484A3B
 
#93829B
#867490
#6C5D74
#524658
#443B4A
 

 

Mint

#E6FAED
#D0F6DE
#A6EDC0
#7CE4A2
#66E093
 
#E6FAF7
#D0F6F1
#A6EDE4
#7CE4D7
#66E0D1
 
#E8FAE6
#D6F6D0
#B0EDA6
#8AE47C
#78E066
 
#FAE6F2
#F6D0E8
#EDA6D3
#E47CBE
#E066B4
 

 

Viridian

#5FB095
#51A488
#40826C
#2F6050
#274F41
 
#5FA2B0
#5196A4
#407782
#2F5860
#27484F
 
#5FB06C
#51A45F
#40824B
#2F6037
#274F2D
 
#B05F7A
#A4516D
#824056
#602F3F
#4F2734
 

 

Morning Glory

#D8F1F3
#C5EBEC
#9EDDE0
#77CFD4
#64C9CD
 
#D8E4F3
#C5D7EC
#9EBCE0
#77A1D4
#6494CD
 
#D8F3E6
#C5ECDA
#9EE0C2
#77D4AA
#64CD9E
 
#F3D9D8
#ECC6C5
#E0A19E
#D47C77
#CD6964
 

 

Hippie Blue

#8CB9C8
#7AAEC0
#5899AF
#457C8F
#3C6D7E
 
#8C9BC8
#7A8CC0
#586EAF
#45588F
#3C4D7E
 
#8CC8B9
#7AC0AF
#58AF9A
#458F7D
#3C7E6E
 
#C89B8C
#C08C7A
#AF6E58
#8F5845
#7E4D3C
 

 

Mariner

#6195E0
#4C86DC
#286BCD
#2055A2
#1C4A8D
 
#6D61E0
#594CDC
#3728CD
#2C20A2
#261C8D
 
#61D5E0
#4CCFDC
#28BECD
#2096A2
#1C838D
 
#E0AD61
#DCA24C
#CD8A28
#A26D20
#8D5F1C
 

 

Chambray

#5170BD
#4363B1
#354E8C
#2E447A
#273967
 
#6851BD
#5B43B1
#48358C
#3E2E7A
#352767
 
#51A7BD
#439AB1
#357A8C
#2E6A7A
#275A67
 
#BD9E51
#B19143
#8C7335
#7A642E
#675527
 

 

Torea Bay

#1642E4
#133CCD
#0F2E9E
#0D2787
#0B206F
 
#4F16E4
#4713CD
#370F9E
#2F0D87
#270B6F
 
#16AAE4
#1399CD
#0F769E
#0D6587
#0B536F
 
#E4B716
#CDA413
#9E7F0F
#876C0D
#6F5A0B
 

 

Persian Indigo

#4C1CBD
#4319A6
#31127A
#280F64
#1F0B4E
 
#9C1CBD
#8A19A6
#65127A
#530F64
#400B4E
 
#1C3CBD
#1935A6
#12277A
#0F2064
#0B194E
 
#8DBD1C
#7CA619
#5B7A12
#4A640F
#3A4E0B
 

 


The colour schemes above have been generated using the color-hex.com website.  More shades, tints and monochromatic colours to supplement any of these schemes can be found by entering a hex code into that site. Colour names are based on the Chir.ag name that color project and are included to make it easier to reference a scheme.

More Ideas

For more inspiration, see Canva’s article 100 Brilliant Color Combinations.