One big problem everyone faces with using the color palette of their brand is how much to use each color. Fortunately, there is a rule to helps you solve this problem. It’s the 60-30-10 rule. Of course, the rules are there to assist you as a guide in your designs and not to limit you, so it’s not necessary to follow them. But, especially for beginners, it’s a great help.
Let’s use a color palette, as an example, that consists of red, white and purple. The numbers in the name of the rule refer to percentages. 60%, 30% and 10%, and represent the share that each color should have in a design.
- The first one, 60%, is the main color of our palette and should be the most dominant.
- The second one, 30%, is the secondary color. It should be visible, but not as much as the primary color.
- The third one, 10%, is the accent color of the palette. It should be subtle and give character to a design. You can use this color for small parts or details of a design, such as call-to-action buttons.
So, in the example we used above our color palette should be 60% red, 30% white and 10% purple.
In case you have more than three colors in your palette, you should split them in groups in order to use the rule. Let’s add a darker red and a lighter purple in our example palette. So, now we have two shades of red, white and two shades of purple. These are the groups we need to apply the 60-30-10 rule.