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.
Confused or unsure of which colour combinations for websites are best for you. Browse the following website colour palettes and get inspiration.
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.
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
#FDCC05
#0476B5
#00784A
#252326
#C1B283
#DED1C1
#F5F5F5
#383838
#E27222
#09899E
#64BABF
#F1AA7E
#0E0A19
#A33ACB
#4717F6
#E8DFE0
#96858D
#6E7A94
#9099A2
#D5D5D5
#010101
#052E4E
#7F3872
#B92605
#CCEAF4
#A9A9A9
#FA3B3C
#EFEFEF
#D7CDC7
#565656
#763343
#C0A080
#3BC47F
#1C3828
#ECC68F
#838081
#17131D
#23323B
#984B4A
#E9C979
#C0D8D2
#FFDCD1
#DD744D
#DCB23A
#E44E3F
#E6B100
#EC6F80
#018F98
#926290
#482749
#F1E0CD
#F9EFE9
#4483CE
#D9D9D9
#FBCD00
#F4A451
#0A3D5A
#338CC4
#D8B50E
#202833
#2F6CA7
#D4525E
#B57D4E
#45859B
#C2C0BE
#0C1613
#1A292F
#F7CE43
#010101
#EC576C
#4EC5C1
#E5E437
#76CAD4
#57BB92
#03514B
#A7A8B1
#6d7f90
#f68a2f
#f9c331
#e4d2b4
#101628
#ab997b
#fe553e
#f6f6f6
#cf6668
#2f405a
#041324
#8fafbb
#6c3668
#88d217
#180316
#545454
#fedf3f
#010101
#01acac
#fea780
#b56356
#b7dac3
#ebe6ea
#a5b0a5
#fb1b84
#f5ce2c
#3fbdf2
#f1eee3
#4eddfa
#a5d555
#ff5992
#831885
#96d5e7
#8fbbd8
#cecece
#e9e9e9
#F56984
#6AC4DE
#FEF5BA
#67AD8B
#6DBBAA
#FBA304
#6D648B
#B5A19E
#ACBAC3
#C8D8C7
#EDDBC1
#CCCBC7
#955E60
#646F62
#B2463D
#3D3D3D
#FE65B7
#E9C904
#8FC33A
#63EDD6
#7EDCD5
#F63340
#F9BE03
#03CAA9
#CDA352
#E9E9DC
#646C49
#393F28
#67AECA
#685582
#5E104E
#E52A6F
#4A4F6C
#98878F
#985D6F
#1A2133
#4B6D9D
#99CED4
#EEB6B5
#6E7474
#424242
#CDE0CC
#FF6A5C
#056571
#20B691
#EAB029
#F44B4D
#1B7B34
#E1455A
#24242C
#3F324E
#C0B3A0
#155765
#5A652B
#AB9353
#4D2C3D
#D58BFA
#0E8044
#B5E582
#0C2E2F
#F7EE6B
#95C079
#465C8D
#EFF9F4
#F5F6E6
#343956
#54668E
#E8E8E8
#C16014
#EDDBCC
#151515
#CECECE
#A7D2CB
#F3D388
#C98572
#874C62
#CAE4DB
#DBAE1D
#013042
#7C9D94
#D8DD38
#575FAA
#E52D9F
#03548B