POM Standard Colors
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 doesn’t require immediate attention should be presented in a secondary color.
Secondary
Secondary
Secondary
Secondary
Neutral/Additional Colors:
Neutrals are typically 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 utmost importance.
Use for links of lesser importance.
Use for links of little importance, informational.
Use for links of utmost importance (only when the background color is #2, #BADEDA).
Use for links of lesser importance (only when the background color is #5, #F4EAD5).
Use for links of little importance, informational (only when the background is dark).
Display 1
Display 2
Display 3
Display 4
Title 1
Secondary colors are used to highlight less important elements. Secondary action buttons, less important text, and anything else that doesn’t require immediate attention should be presented in a secondary color.