- This financial app uses small amounts of color to display information, such as data in graphs. 
- Using color in this way connects information to brand colors
- This news app uses its secondary color (purple) sparingly
- By doing so, it stands out in the places it is used
- Using color in this way makes content the most important element on the page

Examples of Color Usage for Brands

Brands can use color in subtle ways, whether that means conveying:
- Sophistication
- Emphasizing content
- Suiting content in some other way

When using color with subtlety:
- Ensure that interactive areas and state changes remain identifiable and easily seen

Arizona State University

University of Michigan - Ann Arbor

Your brand can use color to emphasize its presence. Brand colors can be used in key moments, in ways that associate those colors with specific actions and information.

The brand color application can be bold and brash, subtle and sophisticated, or anywhere in between. Your brand’s personal approach to color should be reflected in your app by: 

- Bold
- Launch Screens
- Onboarding
- Feature Discovery
- Subtle Use of Color
- Placeholder
- Progress Indicatios
- State Changes 

Brand and Color Usage 


Brands that want to convey a sense of energy and excitement use color in a bold way. The apps should reflect that same approach while preserving content legibility and usability.

Bold Use of Color for Brands

"State changes subtly can reinforce brand presence."

State Changes for Brands 

Subtle Use of Color Usage for Brands

Progress indicators are a subtle but powerful place to incorporate brand color:
- Tie function of the app to the brand

Progress Indicators for Brands 

A placeholder UI is displayed while screen content loads:
- A brand color here assures users that they are still in the app as it loads

Placeholder UI for Brands 

"Features can be highlighted to ensure the user sees them by using color to guide user focus"

Learn Before

Related

Learn After