Yellow is used as the primary color for areas such as onboarding and choosing content of interest.

Theme 1

Blue is used as the primary color for areas of the app that relate to the user’s personal account, such as selected courses.

Theme 2

Pink is used as the primary color for courses.

Theme 3

Alternative colors can be used to theme different parts of an app.

University of Michigan - Ann Arbor

Colors used as alternatives to your brand’s primary and secondary colors (they constitute additional colors to your theme). Alternative colors can be used to distinguish different sections of a UI.

Alternative colors

Alternative colors are best for:

1) Apps with light and dark themes
2) Apps with different themes in different sections
3) Apps that are part of a suite of products

Alternative colors should be used cautiously, because they can be challenging to implement cohesively with existing color themes.

Advantages of Alternate colors

Some apps have both light and dark themes. To maintain visibility of elements and legibility of text, you can adapt the different color schemes for dark and light themes.

Learn Before

Related

Learn After