Colors in POM Standard:
Color palette:
#1
#2
#3
#4
#5
#6
#7
#8
#9
#10
#11
#12
#13
#14
#15
Primary/main colors:
We use them to direct the user’ s attention. Calls to action, sales buttons and any other very important information should use the primary color.
Principal
Principal
Principal
Principal
Secondary colors:
Secondary colors are used to highlight less important elements. Secondary action buttons, less important text, and anything else that does not require immediate attention should be presented in a secondary color.
Secondary
Secondary
Secondary
Secondary
Neutral/additional colors:
Neutrals are normally used for text or anything else that doesn’t need to compete for attention.
Neutral
Neutral
Neutral
Neutral
Neutral
Neutral
Buttons by priority
Use for links of maximum importance.
Use for minor links.
Use for minor, informative links.
Use for links of maximum importance (only when the background color is #2, #BADEDA).
Use for minor links (only when the background color is #5, #F4EAD5).
Use for minor, informative links (only when the background is dark).
Display 1
Display 2
Display 3
Display 4
Heading 1
Secondary colors are used to highlight less important elements. Secondary action buttons, less important text, and anything else that does not require immediate attention should be presented in a secondary color.