Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.


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 90,705 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!