All Microsoft sites should be built using colors from the Microsoft web palette. This palette includes core colors that are associated with particular products and services, along with a selection of recommended accent colors. Product or service-specific layouts should utilize their associated color prominently. Accent colors should be used more sparingly.
When using color, legibility trumps aesthetics. The minimum recommended ratio of 4.5:1 must be met. Use the tool found in the Resources section of this page for contrast measurement.
- Visual Studio
The Microsoft web framework supports themes based on the core colors. Within each theme, the core color, along with specific tints and shades* of that color, are assigned to navigation elements, background colors, and select states. A color theme can be applied at the site, section, or page level.
In general, we use 20, 40, 60, and 80 percent tint and shade values of the core color. In-between values (10, 30, 50, 70, and 90 percent) were added for special cases where multiple levels (i.e. of nav, etc.) called for more variations to accommodate hover and selected states within the various levels.