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) :D Enjoy!

The Flat Palettes

1

Banana Cafe

 

2

Carbon Crayon

 

3

The Selfie Revolution

 

4

Hydrosys

 

5

svkariburnu

 

6

VVI

 

7

MySuccess

 

8

Gimmii Magazine

 

9

BlogIn

 

10

Readymag

 

11

Present Plus

 

12

Temper

 

13

AdSempre

 

14

Connect Mania

 

15

BarCamp 2013

 

16

Full English

 

17

Karlyn

 

18

usertify

 

19

Alchemy

 

20

Karrie Gunrow

 

21

Graus Arquitectura Técnia

 

22

Agence Uzik

 

23

Gratisography

 

24

Bells Design

 

The Sites From Whence the Palettes Came

1

Banana Cafe

 

2

Carbon Crayon

 

3

The Selfie Revolution

 

4

Hydrosys

 

5

svariburnu

 

6

VVI

 

7

My Success

 

8

Gimmii Magazine

 

9

BlogIn

 

10

Readymag

 

11

Present Plus

 

12

Temper

 

13

AdSempre

 

14

Connect Mania

 

15

Bar Camp 2013

 

16

Full English

 

17

Karlyn

 

18

usertify

 

19

Alchemy

 

20

Karrie Gunrow

 

21

Graus Arquitectura Técnica

 

22

Agence Uzik

 

23

Gratisography

 

24

Bells Design

 

The Takeaways

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? 

About the Author
Comments
  • http://tomdurkin.me Tom durkin

    Really useful, thanks.

  • http://www.webdesignboom.com/ Akhtar @WebDesignBoom

    Well written and nice examples of Color Palettes, Thanks.

    • http://www.dtelepathy.com/blog/author/julia Julia Larson

      Delighted that you enjoyed the writing and the palettes. It was a fun post to create!

  • Dave

    Very useful. Thanks so much Ms Julia

  • http://www.kmo.com.au kat

    lovely color palettes. Really like Present Plus, the site look great.