Use when:
Semantic, or status, colors show the condition of data relative to a baseline. Red indicates danger or error, yellow signals a warning, and green represents normal or successful performance. These colors help users quickly understand status at a glance.Light mode
Dark mode
Real Example #3
The example below demonstrates effective use of the diverging (status) color palette in a bar chart. Each segment represents a different status for 100 opened deposit units: “Not Reviewed” is shown in a neutral blue-grey with a pattern fill, “Reviewed” in green (success), “Processing” in yellow (warning), and “Unpaid” in red (danger). This application clearly communicates the state and urgency of each category, making it easy for users to assess status distribution at a glance. The combination of color and pattern further enhances accessibility and supports quick visual interpretation.
How to Use
The following Do’s and Don’ts illustrate best practices and common mistakes to help guide effective use of the diverging color palette in data visualizations.Questions? Challenges?
Contact the Visual Design team on the #ask-vizd channel