Color
Use our standard color palette, but don't rely solely on color.
Last updated
Was this helpful?
Use our standard color palette, but don't rely solely on color.
Last updated
Was this helpful?
Color can be an important part of the design of your dashboard. However, in a data visualization, color shouldn’t be relied on as the only way to distinguish data.
This guidance draws heavily on .
The color scheme is the standard if you are embedding dashboards in SF.gov. This is built into .
We do not recommend customizing the color profile. If you need to customize the color template, you will need to ensure the combinations are accessible and colorblind friendly. Ensure color contrast between title, axis label, and data label text and the background are at least 4.5:1. Use to check color contrast for background/font. Use and make sure colors pass WCAG standards. Use to test colors using different color deficiency lenses.
Power BI tip: Colors are built into the template. Do not use the lighter shades of the colors. Only use the primary colors, and darker. The lighter colors do not contrast enough with white.
Avoid using color (including conditional formatting) as the only way of conveying information. Instead, use other symbols and markers to differentiate data. You may also need to split a visual into multiple visuals if you find you are relying on color in a legend. Here is an example using shape and color:
You may want to use colors to show different categories, to shade data sequentially, or to show data centered around zero converging. No matter what, limit the number of different colors within a visual and use color sparingly to highlight key data.
If you are tempted to use several colors in one visual (more than 3), you may need to explore other types of visuals. For example, can be more accessible and does not solely rely on color.
Put your URL into . You could also use to ensure all elements are visible.
