006 — Use different colors for text and icons

by Óscar Otero

2 min read

If you have icons and texts, don't use the same color for both elements, because visually it's more difficult to distinguish.

In the following example, the icon and the text have the same color:

Open the contacts book

Drink a glass of wine

Light a bonfire

This is the same example, but the icons are a bit lighter, so it's easier for the eye to scan the icons and the text separately:

Open the contacts book

Drink a glass of wine

Light a bonfire

Written by human