The Logo Smith » Design Blog » Design Essentials » BrandColors: Official color codes for the world’s biggest brands


BrandColors: Official color codes for the world’s biggest brands


Follow The Logo Smith on Twitter


BrandColors: Official color codes for the world’s biggest brands

BrandColors looks pretty, but it actually serves quite a useful and interesting purpose for any color loving graphic designer looking for some colour inspiration.

BrandColors boasts an impressive directory of major brands whilst referencing their distinctive brand colours as a tabbed colour swatch.

 

ASE File Photoshop

You can add as many brands as you like to a ‘Collection’, which you can then export out said brand colours to various file formats, including: ASE (Adobe Swatch Exchange), CSS, Sass, LESS and finally, Stylus.

This makes using these referenced colour swatches a real breeze.

As an example, I ‘collected’ the color swatches of About.me and Adobe, then exported them to CSS and ASE. you can see the CSS format below opened up in Coda, and the ASE file was imported into a new swatch collection in Photoshop, also below.

About BrandColors

BrandColors was created by DesignBombs. The goal was to create a helpful reference for the brand color codes that are needed most often.

It’s been featured by Smashing Magazine, CSS-Tricks, Web Design Depot, Tuts+, and over 2 million pageviews. There are now over 600 brands with 1600 colors and the collection is always growing.

 

 

ASE File Photoshop

 

 

BrandColors CSS File Coda

Example Swatches 2