Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial


Henrique Voni
Henrique Voni
12,296 Points

Flat Colors reference

Is there any website for flat design colors reference? I know http://www.flatui.com but it's a little limited.

I love Treehouse UI, it's everything so flat! hehe


3 Answers

Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,250 Points

Hi Henrique,

There's plenty of palettes out there for all sorts of needs, i' s a case of googling round and having a play. I used to collect a few but here's one I found after a quick google search of "css flat colours reference"


Good luck. :-)

You can use any colors for flat design. As long as you limit your colors and use different variations of tints sourcing the same color, and don't use any colors with opacity. If you follow that, then when you embed them as SVG, you won't see any errors : )

Christina Giannouli
Christina Giannouli
18,202 Points

Hey Henrique,

As Jonathan Grieve said there are plenty of palettes out there. There are no specific colours for flat design. Flat UI is just a small selection of the most common colours used in Flat design. I really enjoy playing with palettes from http://colorhunt.co/ in my projects.

Good luck!