From our sponsor: Meco is a distraction-free space for reading and discovering newsletters, separate from the inbox.
Color is definitely a very important element of web design, and if you are familiar with the Color Theory used in visual arts, you may know that even with a lot of studies, the reaction to colors is pretty subjective and people react differently. Some reactions are based on background, others are based on personal taste and even psychological feelings. The color theory is actually a science that helps us design our projects, and it’s certainly something to consider when creating a website.
Today we will show you some examples of websites that are using beautiful and inspiring color combinations that match perfectly and create an eye candy result. From delicate and smooth colors to strong duos and super colorful pages, we have several styles to show you.
In case you are interested, here are some nice color related tools: COLOURLovers, Kuler Adobe, Color Scheme Designer and remember you can sometimes use Firebug to discover which colors people are using in a design. Enjoy!
Tiny break: 📬 Want to stay up to date with frontend and trends in web design? Subscribe and get our Collective newsletter twice a tweek.
decode
- #50d07d
- #d02552
- #b2cecf
Gimme Delivery
- #DC3D24
- #232B2B
- #FFFFFF
- #E3AE57
Kitchen Sink Studios
- #221E1D
- #ECEAE0
- #63AA9C
- #E9633B
Stephen Gacheru
- #222930
- #4EB1BA
- #E9E9E9
Craig Morrison
- #E4E4E4
- #F1684E
- #1B1B1B
IFYC
- #763A7A
- #0288AD
- #F6F3EC
Leaders – The Conference
- #AC2832
- #000000
- #DFD297
- #FFFFFF
Code Slingers
- #F2EFE4
- #CB8C1D
- #4C3327
- #BD3632
Tom, Dick & Harry
- #DCD8CF
- #E25D33
- #282827
Atticus Pet Design Studio
- #B94629
- #E3DEC1
- #E89F65
- #47AFAF
Red Bowl Challenge
- #ED1C24
- #831618
- #FFFFFF
Viljami Salminen
- #D05A00
- #FEFFF8
- #29241E
La Moulade
- #FFD500
- #FFFFFF
- #38300A
- #E9C92D
- #000000
Hello Studios
- #E4DBBF
- #DC5B21
- #70AB8F
- #383127
Mea Cuppa
- #191919
- #DFE2DB
- #FFF056
- #FFFFFF
Cheese Survival Kit
- #2B2B2B
- #DE1B1B
- #F6F6F6
- #E9E581
Tree House
- #00ACE9
- #D43F3F
- #6A9A1F
- #F6F6E8
- #404040
Bloom
- #434E3C
- #F5F4EB
- #893667
Half Of Us
- #D2D2D3
- #FFFFFF
- #FFE361
Fuel
- #8A0651
- #FFFFFF
- #000000
- #424242
Shady Acres
- #99CD4E
- #FFFFFF
- #343434
- #E1E1E1
Web Toolbar
- #EB593C
- #333333
- #ABDCD6
- #FFFCEC
Cloudberry
- #EDEDE4
- #F74906
- #554E44
- #FFFFFF
Enlightening Quotes
- #222222
- #D11250
- #DB5800
- #006899
- #008F68
Kite Studio Architecture
- #BDBAB4
- #FF6766
- #97CE68
- #6BCBCA
- #FF9900
Very inspiring collection – Thanks
Thanks for featuring my site on such unbelievably beautiful websites.
Thanks for featuring us!
The color combos along with the layout of the sites featured are beautiful and tastefully done. Great job on rounding up these sites, they’re great examples!
Really awesome list, thanks to share with us personally I love Tree House color combinations.
nyc collection guyz..
Thanks for the article, you listed good number of sites. Among the listed sites I found the Half of Us was too warm. Color is a vast subject to strategically plan, and it helps in many aspects of a site interface. Working with few planned colors is best to get a feel of simplicity.
Awesome designs. The color schemes are very nice and I also love the simplicity in these.
Ahhh you can’t beat the typography IMO that is what is working for me in the majority of these designs though for sure they feature great colour and layout with interesting copy provoking the interaction.
Thanks for the inspiration. It really helps a lot in our daily work!
Thanks for the inspiring list of websites!
Thanks for featuring us…a great collection and beautifully presented.
Nice colours indeed, but perfect?
How many of these colour combinations were tested against w3c accessibility standards? How many would pass?
May seem a bit nit-picky to some (not to the visually impaired), but if you want to use the word ‘perfect’…
great collection…
Great collection! I like Fuel! Thanks
Amazing Collection !!
Great Collection of some fine looking websites.
Great collection and good combinations
very inspiring!
Great collection
Great post! Thanks for including my site.
Great collection:))
Half Of Us design looks absolutely dreadful colour wise.
Really helpful and inspiring for the artistically-challenged (like me) who occasionally has to come up with something graphically non-terrible!
cool Best Sites !
Good Job! Thanks for examples:)
Really helpful stuff.. thanks much!
wowwww..nice..