Colors

The colors of your blog should match the mood of your site and combinations should be well thought out. As a general rule of thumb, use 2-3 colors.

Since you've already created a mood board in a previous step before jumping into the design you already should have a rough idea about colors that work well with your brand or topics you'd like to blog about.

Links

Website Color Inspiration

Need some inspiration for your color palette? We got you covered:

  • For general color palette inspiration take a look at Adobe Color CC (formerly Adobe Kuler) and Colour Lovers
  • Use the color search on dribbble and Designspiration. Not only will you see some nice colors, you will also get an impression of how those colors are used in various designs and combinations
  • tint ui and Flat UI Colors showcase trendy UI colors
  • The Day's Color is a daily color digest featuring an array of inspiring color palettes
  • Look a bit outside the box and explore color palettes on fashion sites like Color Collective. Other sites like design seeds feature photography-based color palettes

The 60-30-10 Rule

Your blog should have a primary color, a shade and a "call to action" color.
Try to use the 60 – 30 – 10 Rule, a technique used by interior and fashion designers which also works for web design.

  • Pick 3 different colors and use them in ratios of 60%, 30% and 10%
  • 60% are used for the majority of text. It's usually a dark grey or black
  • 30% should stand out versus the 60%, e.g links or call to actions

Here is a creamy vintage color scheme we'll use for our Daily Mustache blog:

Note

Visual Design is Interactive and Iterative

So far, all steps in the design process were explained separately and sequentially one after another. The reality looks a bit different, though - or at least it should. Instead of meticulously crafting a color palette in isolation you want to put those colors into context as soon as possible. Apply the colors to your layout to see how everything works together. Adjust the colors in conjunction with your layout elements to refine the palette.

A detailed explanation about creating compelling color palettes exceeds the scope of this course. In order to get a better understanding about color schemes read The Art & Science of Great Website Color Selection by Dan Schaefer.

Giveaways. Cheat Sheets. eBooks. Discounts.
And great content from our blog!

About Us

As the makers of Tower, the best Git client for Mac and Windows, we help over 100,000 users in companies like Apple, Google, Amazon, Twitter, and Ebay get the most out of Git.

Just like with Tower, our mission with this platform is to help people become better professionals.

That's why we provide our guides, videos, and cheat sheets (about version control with Git and lots of other topics) for free.