How to Create a Color Palette for Your MECM Reports

I often get asked how someone without a visual arts background can choose or create a color palette for Microsoft Endpoint Configuration Manager (MECM) reports. I’ll admit that I’m not great at mixing colors together either, but I’ve learned a few tricks along the way.

If you’ve followed my posts or attended any of my MMSMOA presentations, webinars or user group sessions, you’ll know I always say, over and over again, how important color choice is when it comes to designing MECM reports and dashboards. Mastering this art will ultimately help you create better dashboards and reports!

In case you’re curious about how I organized the content in this post, I can tell you that it is divided into two sections. The first section will show you how to duplicate an existing color palette. Once duplicated you can use the same color palette within your own MECM reports. The second section demonstrates how you can create your own color palette when using a logo or an image as your inspiration.

Section 1 – How to Duplicate a Color Palette

If you’re lucky enough, you might come across a color palette that you like, so you won’t need to create one from scratch. If that’s the case, then this tip will help you figure out the hex color codes used in the color scheme you like.

In this example, I will mimic the Hot Dog color scheme that’s found within Windows for Workgroups (WFW) in one of Enhansoft Reporting’s reports. If I remember correctly, the WFW color palette was designed as a high-contrast theme to help those who are visually impaired.

First, I need to determine the hex color codes for red and yellow, so I’m going to use a tool that will extract the colors from an image. I upload one of the PNG files from the Hot Dog color scheme to the Cool PHP Tools website. Once the Browse button is selected and the image file (JPG, PNG, etc.) is uploaded, all I do is click on the Run button. By the way, there are a number of sites that can help you with this, but I prefer Cool PHP Tools because it will tell me what the top 10 colors are within an image.

Create a Color Palette - Cool PHP Tools

Above are the results from the uploaded file. From this list, I can quickly tell that #ffff00 is the primary yellow color and that #f00000 is the primary red color. I can also see the color codes for white, black and grey. The next step is to use these colors in my report. I’m not going to show you how I updated my report’s color code, so for more details please see this blog post, Color Palette Codes in SSRS Defined and Explained.

Create a Color Palette - Hot Dog Palette

This is the end result. In the above screenshot, you can see that yellow is the background, red is the color of the headers, grey is the accent color, and the text is in black and white. I think the color scheme looks very similar to the Hot Dog color palette. Don’t you?

Section 2 – How to Create a Color Palette

Let’s say you want to create a color palette that’s designed around your company’s logo.

Create a Color Palette - Enhansoft Logo

Thankfully, there are a number of websites that can help you out. Adobe Color happens to be one of the sites that I use and I’ll show you how it works.

Create a Color Palette - Adobe Color

Using the Select a File link, select your logo. Once the file is uploaded, you instantly get a color palette! It’s that easy. Below is the color palette for the Enhansoft logo.

Create a Color Palette - Enhansoft Palette

I find it easier to reference the main colors if I put them into a chart. Then I can decide how I’ll use the colors within a report.

wdt_ID Hex Color Code Color Function
1 #BF2633 #BF2633 Header
2 #D95964 #D95964 Subheadings
3 #8B8C8C #8B8C8C Alternating Rows
4 #F2F2F2 #F2F2F2 Alternating Rows
5 #D98989 #D98989 TBD

This is what my report looks like with the addition of these colors:

Create a Color Palette - Report 1

I think the subheading, “Collection: Oxford Regional Office,” is too light and so are the others subheadings. I’ll try again.

Create a Color Palette - Color Wheel Tab

I go back to the Adobe Color page and select the Color Wheel tab. The page automatically makes some suggestions. But, I want the colors to be in the same “family” as the primary color, #BF2633, so I replace the “A” color (green arrow) with my primary color. Next, I review the list of Color Harmony Rules until there is a color that looks like it will work.

Now, I’ll try another suggested color, #166994 (“E” color).

Create a Color Palette - Report 2

This looks better. I think, though, that I’ll make a few more tweaks before I sign-off on this report, but you get the idea. As you can imagine, there is a lot of trial and error, but it’s worth it!

Color Palette Resources

With the help of a few websites, you too can create a color palette for your dashboards, reports, websites, applications, etc., without too much work.

Besides Cool PHP Tools and Adobe Color, here are some other websites that you should check out:

Paletton.com

COLOURlovers

Color-hex

Empowered by color – Color Meanings in Business

If you have any questions about how to choose a color palette for MECM/ConfigMgr/MEMCM/SCCM reports, please feel free to contact me @GarthMJ.

Color Wheel Tab

Leave a Comment

Collection Evaluation Viewer - Featured ImageMethod 3 - Featured Image
Share via
Copy link