---
title: "Add a color scheme to a widget"
slug: "add-a-color-scheme-to-a-widget"
updated: 2025-08-13T10:43:06Z
published: 2025-08-18T11:50:28Z
canonical: "docs.calculus.group/add-a-color-scheme-to-a-widget"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.calculus.group/llms.txt
> Use this file to discover all available pages before exploring further.

# Add a color scheme to a widget

## Introduction

Dashboards utilize widgets to visualize data. The data in these widgets is either displayed in a single color, or a combination of colors:

![Graph showing current trends for engine A across different phases over time.](https://cdn.document360.io/94d0a983-5058-4b02-8d06-1228a999a7a1/Images/Documentation/2025-08-13 11-58-54.png?sv=2026-02-06&spr=https&st=2026-11-11T14%3A10%3A42Z&se=2026-11-11T15%3A10%3A42Z&sr=c&sp=r&sig=r4yS0N%2Fh8kTBOKOepsHBX6xvarLCLKIWoHSEhrpt2fQ%3D)

While we offer a number of color schemes as standard, you can also create your own.

---

## Instructions

Add a widget to a dashboard and go to the widget settings section.

![Dashboard settings for a line chart displaying engine data and configuration options.](https://cdn.document360.io/94d0a983-5058-4b02-8d06-1228a999a7a1/Images/Documentation/2025-08-13 12-13-26.png?sv=2026-02-06&spr=https&st=2026-11-11T14%3A10%3A42Z&se=2026-11-11T15%3A10%3A42Z&sr=c&sp=r&sig=r4yS0N%2Fh8kTBOKOepsHBX6xvarLCLKIWoHSEhrpt2fQ%3D)

Click the **Add colorscheme** button.

![Dashboard settings for a chart, including color scheme and data options.](https://cdn.document360.io/94d0a983-5058-4b02-8d06-1228a999a7a1/Images/Documentation/2025-08-13 12-36-40.png?sv=2026-02-06&spr=https&st=2026-11-11T14%3A10%3A42Z&se=2026-11-11T15%3A10%3A42Z&sr=c&sp=r&sig=r4yS0N%2Fh8kTBOKOepsHBX6xvarLCLKIWoHSEhrpt2fQ%3D)

Enter a name for your new color scheme and a HEX color code, or click on the drop icon to use the color picker. When you have chosen a color, click **Add**. Repeat as many times as you want for multiple colors.

> [!TIP]
> Hint!
> 
> The order of the colors you choose will match the order of your widget’s sensors.

Click **Save**. Your new color scheme will be available for future use in other widgets or dashboards.