From iOS7 to websites, there’s evidence everywhere we look that flat isn’t going anywhere. However, flat doesn’t mean there’s no dimension. In fact, a number of these 24 sites have a lot of depth and layers. And flat designs definitely have fantastic color palettes that include both bold & muted tones.
Enjoy this followup to my other color palette post, 50 Beautiful Color Palettes for Your Next Web Project (which includes suggestions for color tools), and our Betterment post on color theory.
Need more flat inspiration? Check out our 50 flat design examples in addition to those listed below. For more on the flat trend, this Web Designer Depot guide to flat design, as well as this Awwwards look at the flat aesthetic, both of which can help you capture the trend for your own project.
First peruse the selection of palettes, then see the palettes in action below. I chose the most visually prominent colors, so be sure to check out the parent sites for the whole spectrum. Seeing the colors in context will show you what vibrant colors (& more neutral shades) look good for hover states, blocks of text, backgrounds, and more.
Ladies & gentlemen, we now present a palette for each hour of the day (and the sites that included the hues) 😀 Enjoy!
The Flat Palettes
The Sites From Whence the Palettes Came
Now, to improve my palette posts, I’m curious about what you do with the palettes you find. Do you pin them on your Pinterest boards to share with friends, choose a hue to make your site’s background color, or use them to redecorate your living room? Let me know in the comments because I want to stock these posts with as many literal and figurative takeaways for you as possible. So, how do you use color palettes you find online?