20 Beautiful Website Color Palettes for Inspiration

Color is one of the most important design decisions in website design. Given how quickly people judge a website, your color palette might be that one factor that is going to make your audience want to linger. Of course, there are many other success factors involved in website design, but color most certainly is one of the more powerful ones.

Use these color palettes to help you decide what kind of a vibe, mood or general aesthetic you’d like to communicate with your designs. These websites were chosen based on Awwward’s website of the day selection. Let’s check out portfolios, product launches and simply beautiful webpages to get you inspired.

*Please note that the color codes are accurate to the colors on the websites. The colors presented in the color palettes might be slightly off due to images being saved for web.

1. World Champion Amsterdam

#18181a, #e5b622, #bf3e43, #bec2c1

2. Hypergiant

#0c1f38, #e65401, #fef200, #a7e0d7

3. Ono Meals

#ff623f, #14521d, #d2c520, #dcd4d2

4. Not-Another-Bill

#0a1a34, #015f9d, #dec5c8, #e9e9e9

5. Art4GlobalGoals

#252529, #ac4186, #f6a9b8, #01b1af

6. School of Sustainability

#193e51, #146666, #6b6b87, #c3bd2e

 7. Momkai

#270425, #e36662, #f57923, #d5d5d5

8. Mutt

#871628, #cd0021, #003a74, #f8cba9

9. Eastern European Movies

#f35166, #ff634d, #2c1d44, #f0ff42

10. EVS Wishes 2018

#060024, #370043, #e671ad, #4ac2ed

11. 10×17

#2d2d13, #fa4a32, #ffc70e, #4b4be1

12. Monopo

#151219, #60323d, #323858, #346369

13. Duroc

#334188, #7799d9, #fc7478, #e7d952

14. Fotonaut Events

#5252d4, #8b8be2, #eb1636, #242130

15. MING Labs

#fe2739, #f6505e, #e98c94, #e7e3e0

16. Bolden

#1a1907, #f41d08, #1cd3e3, #ffffff

 17. Holm Marcher & Co

#41485a, #3d5267, #97a9bd, #c86466

18. Printemps du Polar

#010b14, #082640, #825b56, #84b99b

19. Garden Estúdio

#382d3b, #d84361, #c6ce9d, #eedeab

20. Ondo

#063640, #5e9e47, #112a52, #f29c9f

Not sure how to apply these? Maybe our cover on graphic design tips for non designers will help you get started. Jump back to the basics of color theory to apply your knowledge.

Color schemes can help with readability, beauty and cohesiveness of your page. What do the colors translate? What kind of combination is going to send the right message with no words? Lastly, what do you hope to achieve with your chosen colors? All these questions are very important in the initial decision making and brainstorming session. We hope our article helped you see how even the smallest detail results in intentional messages in website design.