Cr8tive Chaos Web Development

Colour Combinations For Websites

Confused or unsure of which colour combinations for websites are best for you. Browse the following website colour palettes and get inspiration.

Choose Colour Combinations For Websites That Will Get You Noticed

Colours are one of the most important visual elements on your website. They can literally make or break a site!

It is one of the stumbling blocks that we find our clients having to deal with. We hope the following list of palettes might make your decision a bit easier.

The 60-30-10 Rule

There is a colour theory used amongst designers that a 60-30-10 rule must be applied to layouts.

Although this tends to be used mainly in interior decorating and print industry, this should also apply to web design.

This states that equal amounts of colour should not be used. Instead, colours must be used in the percentage proportion as stated above.

#4ABCAD

#FF491D

#F8B732

#E0DCE4

Palette 1

#FDCC05

#0476B5

#00784A

#252326

Palette 2

#C1B283

#DED1C1

#F5F5F5

#383838

Palette 3

#E27222

#09899E

#64BABF

#F1AA7E

Palette 4

#0E0A19

#A33ACB

#4717F6

#E8DFE0

Palette 5

#96858D

#6E7A94

#9099A2

#D5D5D5

Palette 6

#010101

#052E4E

#7F3872

#B92605

Palette 7

#CCEAF4

#A9A9A9

#FA3B3C

#EFEFEF

Palette 8

#D7CDC7

#565656

#763343

#C0A080

Palette 9

#3BC47F

#1C3828

#ECC68F

#838081

Palette 10

#17131D

#23323B

#984B4A

#E9C979

Palette 11

#C0D8D2

#FFDCD1

#DD744D

#DCB23A

Palette 12

#E44E3F

#E6B100

#EC6F80

#018F98

Palette 13

#926290

#482749

#F1E0CD

#F9EFE9

Palette 14

#4483CE

#D9D9D9

#FBCD00

#F4A451

Palette 15

#0A3D5A

#338CC4

#D8B50E

#202833

Palette 16

#2F6CA7

#D4525E

#B57D4E

#45859B

Palette 17

#C2C0BE

#0C1613

#1A292F

#F7CE43

Palette 18

#010101

#EC576C

#4EC5C1

#E5E437

Palette 19

#76CAD4

#57BB92

#03514B

#A7A8B1

Palette 20

#6d7f90

#f68a2f

#f9c331

#e4d2b4

Palette 21

#101628

#ab997b

#fe553e

#f6f6f6

Palette 22

#cf6668

#2f405a

#041324

#8fafbb

Palette 23

#6c3668

#88d217

#180316

#545454

Palette 24

#fedf3f

#010101

#01acac

#fea780

Palette 25

#b56356

#b7dac3

#ebe6ea

#a5b0a5

Palette 26

#fb1b84

#f5ce2c

#3fbdf2

#f1eee3

Palette 27

#4eddfa

#a5d555

#ff5992

#831885

Palette 28

#96d5e7

#8fbbd8

#cecece

#e9e9e9

Palette 29

#F56984

#6AC4DE

#FEF5BA

#67AD8B

Palette 30

#6DBBAA

#FBA304

#6D648B

#B5A19E

Palette 31

#ACBAC3

#C8D8C7

#EDDBC1

#CCCBC7

Palette 32

#955E60

#646F62

#B2463D

#3D3D3D

Palette 33

#FE65B7

#E9C904

#8FC33A

#63EDD6

Palette 34

#7EDCD5

#F63340

#F9BE03

#03CAA9

Palette 35

#CDA352

#E9E9DC

#646C49

#393F28

Palette 36

#67AECA

#685582

#5E104E

#E52A6F

Palette 37

#4A4F6C

#98878F

#985D6F

#1A2133

Palette 38

#4B6D9D

#99CED4

#EEB6B5

#6E7474

Palette 39

#424242

#CDE0CC

#FF6A5C

#056571

Palette 40

#20B691

#EAB029

#F44B4D

#1B7B34

Palette 41

#E1455A

#24242C

#3F324E

#C0B3A0

Palette 42

#155765

#5A652B

#AB9353

#4D2C3D

Palette 43

#D58BFA

#0E8044

#B5E582

#0C2E2F

Palette 44

#F7EE6B

#95C079

#465C8D

#EFF9F4

Palette 45

#F5F6E6

#343956

#54668E

#E8E8E8

Palette 46

#C16014

#EDDBCC

#151515

#CECECE

Palette 47

#A7D2CB

#F3D388

#C98572

#874C62

Palette 48

#CAE4DB

#DBAE1D

#013042

#7C9D94

Palette 49

#D8DD38

#575FAA

#E52D9F

#03548B

Palette 50