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.

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6