Michelle's Digital Garden

60-30-10 Rule for colors


Use the 60-30-10 rule for adding colors to a design.

  • 60% for the dominant color
  • 30% for the secondary color
  • 10% for the accent color

These proportions create balance and prevent visual overload.

Typically, the dominant and secondary colors should be relatively neutral colors.

Reserve the accent color for what you want to stand out the most on your page — for example, the primary call to action.

Source:: Using Color to Enhance Your Design

Related Topics: Design

Linked Notes: