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

website-color-palettes-2018-1

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

2. Hypergiant

website-color-palettes-2018-2

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

3. Ono Meals

website-color-palettes-2018-3

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

4. Not-Another-Bill

website-color-palettes-2018-4

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

5. Art4GlobalGoals

website-color-palettes-2018-5

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

6. School of Sustainability

website-color-palettes-2018-6

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

 7. Momkai

website-color-palettes-2018-7

#270425, #e36662, #f57923, #d5d5d5

8. Mutt

website-color-palettes-2018-8

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

9. Eastern European Movies

website-color-palettes-2018-9

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

10. EVS Wishes 2018

website-color-palettes-2018-10

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

11. 10×17

website-color-palettes-2018-11

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

12. Monopo

website-color-palettes-2018-12

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

13. Duroc

website-color-palettes-2018-13

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

14. Fotonaut Events

website-color-palettes-2018-14

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

15. MING Labs

website-color-palettes-2018-15

#fe2739, #f6505e, #e98c94, #e7e3e0

16. Bolden

website-color-palettes-2018-16

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

 17. Holm Marcher & Co

website-color-palettes-2018-17

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

18. Printemps du Polar

website-color-palettes-2018-18

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

19. Garden Estúdio

website-color-palettes-2018-19

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

20. Ondo

website-color-palettes-2018-20

#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.

Subscribe to our blog

Stay up to date with trends, get valuable tips and insights as well as bonus materials.