Colour Scheme Options | Jane B. Website Help

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 below 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 rows 1 and 4 gives a complementary colour scheme. Row 1 with either row 2 or row 3 results in an analogous scheme. Row 4 plus row 2 or 3 forms part of a split complementary scheme.

Example

This example is based on the “Morning Glory” palette which you can find further down the page.

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 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 source: Canva

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.