Color Palette Hierarchy

Primary Colors: These are the core colors that define the brand and should dominate most designs. They are used for large elements, such as backgrounds, banners and major sections, to ensure brand recognition.

Secondary Colors: These colors support the primary palette. Use secondary colors for subheadings and other complementary elements that add depth without overwhelming the design.

Accent Colors: Accent colors are used sparingly to draw attention to specific elements, like buttons, icons or infographics. No more than four accent colors should be used at once except for data visualizations.

Color palette hierarchy