Color

Palettes and guidelines on how to use color across the interface

Accessibility

Color can make the interface design more consistent, providing meaning and adding hierarchy to the interface elements.

Contrast

For optimal contrast, text, icons and other graphics should be further away on the color scale to backgrounds.

Do

 

Don't

 

Combinations

To maintain consistency, we commonly stay within the same tint spectrum when combining text, icons, borders and backgrounds.

Do

 

Don't