By limiting the use of color in your app, the areas that do receive color gain more attention, including:
- Text
- Images
- Individual elements like buttons

i.e. Because the content of this product is multicolored, a black floating action button contrasts greatly with the bright colors, making it more visible.

Arizona State University

University of Michigan - Ann Arbor

To bring attention to important events, use stronger color contrasts between elements.

- Surface Contrast
- Color and Shape
- Limiting Color
- Make text stand out 

Surface Contrast

To bring attention to important events, use stronger color contrasts between elements.

E.g. The purple background has a high contrast with the white surface
- Bringing emphasis to the list of item choices 
- The main point of this travel app.

Surface Contrast Between Elements

A grayscale color palette is best to stand out in:
- Photography
- Texts

Make Text Stand Out with Surface Contrast 

Limiting Color in Surface Contrast 


Visual emphasis is given to an element that changes both color and shape at the same time.
- Use this kind of emphasis to indicate something has been selected or requires immediate attention. 
- E.g. The chips with curved, pink left corners indicate they have been selected by the user.

Learn Before

Related