Smartsheet Dashboard Color Rules: Stop Decorating, Start Communicating
- Bowen Liu
- Mar 1
- 6 min read
So here's the honest version of what happens when we build dashboards without a color system.
We use the brand colors for headers. We make charts colorful so they look designed. We use green because tasks are complete and that feels right. We use different colors for different sections to help with visual organization. And we end up with a dashboard where color communicates everything, which means color communicates nothing.
Human visual processing identifies color in under 10 milliseconds, before conscious reading begins. Research on pre-attentive attributes confirms that color is processed at the System 1 level — automatic, effortless, and fast. This means your dashboard's color choices are already directing your viewer's attention before they have decided where to look.
Used intentionally, color is the most powerful hierarchy tool you have. Used decoratively, it becomes noise that your viewer has to actively work around.
These are the four dashboard color rules I apply to every Smartsheet dashboard I build.
Rule 1: Color is attention. Use it like it's scarce. Every color you add to a dashboard competes with every other color for the viewer's attention. The more colors you use, the less each one means. When everything is colored, nothing stands out. Treat color as a finite resource: every color must earn its place by directing attention to something that matters. |
A practical ceiling: four to six colors in any dashboard. Your neutral base (white or light grey) does not count toward this. Everything else does.
When you're tempted to add a seventh color, ask: what meaning would this carry that the existing colors don't already cover? If you can't answer that specifically, use a color that's already in your palette.
Rule 2: Every color has exactly one meaning. Everywhere. If green means 'on track' in one widget, it means 'on track' in every widget on every dashboard you build. If blue is your primary brand color used for navigation and headers, it is never used as a status indicator. Consistency makes color automatic. Inconsistency makes it work — and working to interpret color is cognitive load your viewer doesn't have budget for. |
This is where most dashboards break down. The Gantt chart uses green for completed tasks. The budget widget uses green for positive variance. The project health indicator uses green for on track. These are three different meanings for the same color, and the viewer has to consciously interpret which meaning applies each time.
Pick your semantic color map and write it down. Then hold it.
Recommended semantic color map for Smartsheet dashboards:
Color | Meaning | Use |
Green | On track / Positive / Complete | Status indicators, completion metrics |
Amber | At risk / Caution / Watch | Warning thresholds, approaching limits |
Red | Off track / Negative / Action needed | Missed targets, overdue items |
Blue | Informational / Neutral / Brand | Headers, navigation, contextual info |
Grey | Inactive / Background / Supporting | Base layer, disabled states, labels |
Rule 3: Use redundant encoding for all status colors. Approximately 8 percent of men and 0.5 percent of women have some form of red-green color blindness. For every color-coded status indicator, pair the color with a second visual signal: an icon, a text label, or both. Never rely on color alone to communicate status. This is called redundant encoding, and it is standard practice in accessible data visualization. |
In Smartsheet, this means your green status widget says "On Track" in text, not just a green background. Your red alert shows a flag icon or the word "Action Required." The color gets the viewer's attention. The label makes the meaning unambiguous.
This also protects you in two other scenarios: screens with poor color calibration, and stakeholders who print dashboards in black and white.
Rule 4: Reserve your most saturated colors for the highest priority information. Saturation is a hierarchy signal. Your most saturated, highest-contrast color combinations draw the eye first. If your branding uses a bold red, and you use that same bold red for a decorative header, you've trained your viewer's eye to look at the header first. Reserve high saturation for the alerts, the exceptions, the numbers that require action. |
For background elements, section headers, and supporting information: desaturated or neutral colors. For the metric that tells someone a project is on fire and they need to act today: full saturation.
The visual hierarchy of your dashboard is built in color before it's built in layout. Make sure both are pointing at the same thing.
Why This Works: The Pre-Attentive Processing Argument
The rules above are not design opinions. They're applied cognitive science.
Pre-attentive attributes, including color hue, size, and orientation, are processed by the visual system before conscious attention is directed. This is System 1 processing: automatic, fast, effortless. Color hue is identified in under 10 milliseconds, which is faster than a single eye saccade.
Research from the University of Chicago found that using color intelligently in business presentations produced a 78 percent improvement in information retention. A related study on minimalist, semantically consistent dashboard design showed a 30 percent reduction in decision-making time.
The practical implication: a viewer looking at a dashboard with a consistent color system makes their first navigation decision in milliseconds. A viewer looking at a colorful but inconsistent dashboard has to read and interpret every element consciously before they can orient themselves.
That's the difference between a dashboard that communicates and a dashboard that displays.
Applying This in Smartsheet Specifically
Smartsheet's dashboard color rules and tools are more limited than Power BI or Tableau. You're working with widget backgrounds, metric widget color options, and the chart color settings inside individual widgets. That constraint is actually helpful.
Three practical applications:
• Metric widgets: Use the conditional coloring options (or manual color selection) to match your semantic map. Green background for on-track metrics, amber for at-risk, red for action-required. Always pair with a text label.
• Charts: In bar charts and pie charts, use the minimum number of colors needed to differentiate data series. If the chart has a legend, you have too many series for a dashboard view. Simplify.
• Section backgrounds: Light neutral colors only. Dark or saturated section backgrounds compete with the status colors and reduce their signal value.
For the layout framework that this color system sits inside, see the full guide on dashboard design principles.
The Complete Framework
Color is one layer of the dashboard design system. The complete framework, from architecture and layout to color, widget selection, and what to audit 30 days after launch, is in the guide below.
Frequently Asked Questions
What colors should I use for a Smartsheet dashboard?
Use a neutral base (white or light grey) for backgrounds and inactive elements, a primary brand color sparingly for navigation and headers, and a strict semantic palette for status indicators: green for on track or positive, amber for at risk or caution, red for off track or negative. Limit yourself to 4 to 6 colors total. Every color should have exactly one meaning and use that meaning consistently across every widget.
How many colors should a dashboard have?
Research on pre-attentive processing suggests categorical color palettes should use no more than 7 to 10 distinct hues before the visual system stops distinguishing them reliably. In practice, most effective dashboards use 4 to 6 colors. The fewer colors you use, the more meaning each one carries. Color is attention, and attention is finite.
What does color do in a dashboard?
In a dashboard, color serves one purpose: directing attention. The human visual system processes color in under 10 milliseconds, before conscious reading begins. This means color tells the viewer where to look before they have decided to look anywhere. Used intentionally, color guides the eye to what matters. Used decoratively, it creates visual noise that the viewer has to work around.
Should I use green and red in my dashboard?
Yes, but with an important accessibility consideration. Approximately 8 percent of men and 0.5 percent of women have some form of red-green color blindness. For any color-coded status indicator, always pair color with a second visual signal: an icon, a text label, or a pattern. Never rely on color alone to convey meaning. This is called redundant encoding, and it is standard practice in accessible data visualization.
What is the most common color mistake in dashboards?
The most common color mistake is using color for decoration rather than communication: assigning different colors to different sections to make the dashboard look organized, using a range of hues to differentiate chart segments that could be differentiated by label instead, or matching colors to brand guidelines without considering what they communicate in a data context. The result is a dashboard where the viewer has to interpret color meaning each time instead of having it land automatically.
Comments