- Report this article
Shannon Brown
Shannon Brown
Manager of Business Intelligence, User Experience (UX) Design
Published Aug 23, 2018
+ Follow
Did you know the human eye can see millions of colors?That’s right, millions.But that doesn’t mean you should use them all on your dashboard!
This post is not about color theory; you can Google color theory to find exhaustive articles about that.This article is about choosing colors specifically for a dashboard. You can use color to give your dashboard a professional look and feel, tell a story, highlight key KPIs, or even trigger an emotional response from users that results in action.
Let's do a little experiment. Look at the dashboard below and notice where your eyes go first.
I'm going to guess you looked at the bright colored boxes at the top of the screen or maybe the funnel graph first. Was I right? That's the power of color!
Here are my tips for using colors on your dashboard:
Adhere to Brand Guidelines
- Brand Guidelines Available: If your company has brand guidelines (also known as style guides) in place try to stick to these guidelines as best you can.Brand guidelines are often available via the marketing team and will give you the exact RGB or HEX colors you can use on your dashboard.
- No Brand Guidelines Available: If there are no formal guidelines for you to follow, take your cues from their website or other marketing material.What colors are they using for titles, screen backgrounds, or action buttons?Try to keep the elements on your dashboard similar to what they're using on the company's website.
The Psychology of Colors
Colors send signals. When applied carelessly, colors can send the wrong messages to your users.Colors mean different things in different regions or cultures, but below is a short list of how common colors are often perceived in the United States.
Choose Colors Wisely
Using an appropriate mix of saturated and unsaturated colors is key to organizing your screen and drawing the users eye to important areas.
- Using Saturated and Accent Colors: Saturated colors should be used in moderation, otherwise the colors compete with each other and can quickly overwhelm the user. Choose 1-2 saturated colors, and 1-2 accent colors, but no more colors than that.A pleasing color scheme might be to use a royal blue and orange (saturated colors), along with a lighter blue or gray (accent colors). Use saturated colors for items like titles or action buttons so users can quickly identify these important elements on the screen.
- Background Colors: Light backgrounds are flexible and give you many options for color palettes.It’s easier for users to read dark text on a light background.And putting a little white or light space between your visualizations helps them stand out to the user. Dark backgrounds are dramatic and pack a lot of punch.They can be elegant if used with very few other colors.But studies show it’s harder for people to read light text on a dark background, so proceed with a dark background with caution.
- Use Contrast: Makes sure there is a lot of contrast between your text and your dashboard’s background color so it’s easy for users to read.
- Avoid Black and White: I often avoid using pure black or pure white on my dashboards entirely.Black can be harsh even for text.White can be stark and feel unfinished.I find a dark gray (such as #191919) is an elegant substitute for black, and very pale gray (such as #F1F1F1) is a nice option over white.This way your screen looks “designed”.
Graph Colors
It’s easy for graphs to spin out of control and become an overwhelming sea of rainbow colors.Here are some ways to keep your graphs colorful and informative without being garish.
- Expanding Your Palette: Using varying shades of a few primary colors gives you a wider palette and keeps the dashboard looking elegant.
- When choosing colors for your visualizations, select colors from your palette that work well with your data.In graphs where two colors are touching each other (for example pie charts or stacked bars) make sure there is enough contrast between the colors so the user can see them clearly.
- Avoiding using red and green on your dashboard unless you wish to show positive or negative values. Additionally, red and green can be difficult for color blind users to see. As an alternative to red and green you may choose to use maroon and teal.
Good luck, and happy designing!
Do you have a question for a dashboard designer?Email me atshannon.brown@teradata.com.
Help improve contributions
Mark contributions as unhelpful if you find them irrelevant or not valuable to the article. This feedback is private to you and won’t be shared publicly.
Contribution hidden for you
This feedback is never shared publicly, we’ll use it to show better contributions to everyone.
Like
Celebrate
Support
Love
Insightful
Funny
78
To view or add a comment, sign in
More articles by this author
No more previous content
- Design Thinking to Drive Dashboard Adoption Feb 5, 2019
- Dashboard Design for the Color Blind Jan 8, 2019
- Dashboard Design Tips - Don’t Make Them Think Oct 17, 2018
- Quick Tips to Dress Up Your Dashboard Aug 6, 2018
- A NEW DAY FOR DATA: WHAT I LEARNED AT THE TABLEAU ROADSHOW Jun 22, 2018
No more next content
Insights from the community
- Brand Management How can you incorporate 3D elements into your brand design?
- Communication How can you communicate a brand's personality and values through design?
- Retail Sales What design elements will make your packaging stand out to a specific audience?
- Brand Design What are some common pitfalls or challenges of applying the 60-30-10 rule for color balance?
- Branding How can you demonstrate color theory in a brand design portfolio?
- Advertising How can you use contrast to make your brand design stand out?
- Brand Development How can you effectively use design software to create a brand color palette?
- Graphic Design What are the most effective layout design trends for creating a cohesive brand identity?
- Tech Packs How do you collaborate with other designers, marketers, and stakeholders on label and hangtag projects?
- Business Management How can you choose design elements that meet your business objectives?
Others also viewed
- Security Considerations in IBM Cognos Nimrod Avissar 6y
- Frontend, Backend, and API: Simplifying the Basics for Everyone Razal Kabeer 9mo
- Free Resource: The Complete SQL Cheat Sheet David Freitag 1w
- Say goodbye to pure black and white in UI design Mohammad Mosharrof Hossain 8mo
- 6 Golden Rules to Successful Dashboard Design Amany Hany El-Deeb MBA , CLSSGB, CIBAP 5y
- Power Bi: Sum() vs Sumx() Alexis Veras 9mo
- Receptor.AI "democratises" automated AI solutions for drug discovery RECEPTOR.AI 1y
- Multi-Color Gradient with DAX in Power BI Štěpán Rešl 1y
- Advantages of Choosing Chat GPT-4 Over GPT-3.5 Mesut KILICARSLAN 6mo
- Power BI Visual #5 - Radial Chart Tony T. 2mo
Explore topics
- Sales
- Marketing
- Business Administration
- HR Management
- Content Management
- Engineering
- Soft Skills
- See All