Skip to main content

Color

Color is an important factor to help users identify the brand effectively. A suitable combination of colors will make the user feel much more convenient and comfortable.

COMPONENTS KIT DOWNLOAD​

  • The primary color will be used for:
    • UI elements include the navigation bar, primary button, progress bar, slider…
    • The states include: selected (active/ selected), input focused,...
  • The primary color should be the merchant branding color to create an association between customers from MoMo and the merchant brand. If you have not been able to decide which color scheme to use, you can use colors suggested by MoMo, please refer to the official color scheme for more information.
  • Do not use the same color or similar to the branding color of MoMo.

color 1

GRAYSCALE COLOR​

In case you have to use grayscale color, here are colors that you can use.

color 2

STATUS COLOR​

The system will have four status colors to notify the following states:

  • Error: Failure status (failed), or error message (error)
  • Warning: A state that requires the user's attention to avoid mistakes.
  • Success: Success status
  • Info: Notification about certain information

color 3

OTHER COLORS​

Please go to the official color scheme to see our wonderful color storage.

ON THIS PAGE