I love Twitter. One of the best things about the platform is that I discover all sorts of new and awesome tools from the network of people I follow. One of those awesome people is David Bisset.
Recently David shared a very cool web-based resource for figuring out and downloading the exact color palettes used by your favorite brands.
Love the Adobe color palette? Maybe the Dribble or Mixpanel palettes? No problem! With the website Brand Colors you can:
- See the brand color palette
- Get the HEX code for any color in the palette
- Download the ASE, SCSS, LESS, or CSS for the color palette
How BrandColors Works
Here you can see samples of some brand color palettes I found when scrolling down the page.
If I want to learn the HEX code for an individual color, all I have to do is click on it and the HEX code appears, selected for me to simply copy.
Now, lets say I wanted to create a color palette for a new brand I was designing using the colors from Firefox, but I wanted to add the Feedly green to my palette. First I click on the brand to add their palette to my collection. When a brand is selected a checkmark appears the the right of the name.
Once I have all of the color palettes I want to use selected, I have the option to download the palette in ASE, SCSS, LESS, and CSS formats.
I selected CSS, downloaded my CSS file, and this is what it looks like:
Check Out Brand Colors
Getting ready to design a new brand? Want to model the color palette for a new project off a brand you love? Want a cool resource to share with your clients? Please check out Brand Colors and let me know what you think.