Skip to Main Content

This browser is not supported by the Playbook.

You should switch to a supported browser. Learn more



These are the specific colors used in the design concepts found in the Examples section of this site.

Base Colors

These are the colors that form the skeleton of the designs. They are the general background and text colors.

Primary Colors

These colors are the main colors used in the designs.

Secondary Colors

These colors are used to supplement the combination of base colors and primary colors. These colors generally indicate a topic or section in the designs.


There are a few gradients used in the designs. These colors represent the start and end pair values for those gradients.