Color principles and best practices examples of applying color to product UI.
Ease of content
Pinterest user content is varied; from rich pin boards featuring every color imaginable to complex charts and graphs for our business and platform interfaces. Having a limited range of colors supports consistency, making our product easier to interact with. Keep in mind that continuous use of high-contrast and saturated colors can create fatigue and eye strain. See our
color usage guidelinesfor more information about our color choices.
Consistency of visuals
Colors should be applied purposefully, as they can convey meaning in numerous ways. For example, colors often change between light and dark modes to help portray elevation and hierarchy, while ensuring proper contrast and legibility. Any colors used should be consistent with the full Pinterest color palette and follow our color standards and guidelines.
All color pairings must pass WCAG's AA color contrast standards. Using our color tokens properly ensures our colors meet legibility standards. Check out our accessibility guidelines for design guidance and color contrast tools information.