---
title: Color Configuration
slug: contact-center/color-configuration
docTags: 
createdAt: 2025-11-03T07:07:35.124Z
---

The **Color Configuration** feature allows Supervisors to assign specific colors to **Break Reasons** and **Threshold Breaches** for users assigned within a process.

These colors are displayed in the **Monitor tab** of the respective campaign, helping Supervisors visually identify agent statuses and performance conditions at a glance.

`Navigation Path:``Sidebar → Process Settings → Color Configuration`

::Image[]{src="https://api.archbee.com/api/optimize/SK2urIgCC2ml99YyqWOSl/GUPee-f_DYiRnDgB0Ot7M-20260729-054133.png" size="90" width="1377" height="425" position="center" caption="Figure: Color Configuration Screen" showCaption="true"}

**Key Information**

At the top of the page, the following informational message appears:

:::BlockQuote
**“The color being chosen is specific to you only and not a shared configuration for other supervisors.”**
:::

This means that:

- The color settings configured by one Supervisor are **personal** and **not shared** with others.
- Each Supervisor can define their own color preferences independently.
- Supervisors can search and configure colors for break reasons from this screen.
- All **Break Reasons** are created by the **Administrator**.
- Supervisors can **only assign or edit colors** for those predefined break reasons — they cannot create new ones.
- The configured colors are reflected in the monitoring dashboards for that specific Supervisor session.

## Searching for a Break Reason

Use the **Search** bar at the top of the page to quickly locate a specific break reason.

Type the break reason name and press **Enter** to filter the list.

## Configuring a Color

Follow these steps to assign or modify a color for any break reason:

1. Locate the desired **Break Reason** in the list.
2. Click the **color box** in the **Configured Color** column. A **color palette pop-up** appears.

::Image[]{src="https://api.archbee.com/api/optimize/SK2urIgCC2ml99YyqWOSl/y2uczw-m2rE_-i14_dw5l-20260729-054134.png" size="90" width="1252" height="292" position="center" caption="Figure: Color Selection pop-up" showCaption="true"}

3. Select the desired color from the palette. You can scroll to view all available color options.
4. Once selected, the chosen color fills the textbox adjacent to the break reason.

::Image[]{src="https://api.archbee.com/api/optimize/SK2urIgCC2ml99YyqWOSl/DRbQ_EUchyAweIqVv1LWH-20260729-054134.png" size="92" width="1204" height="39" position="center" caption="Figure: Configuring the Color" showCaption="true"}

5. Click **Apply** to save your changes.

:::BlockQuote
**Note: **A confirmation message — *“The color being chosen is specific to you only and not a shared configuration for other sessions.”* — reappears to remind you that this configuration is **Supervisor-specific** and not global.
:::

## Editing Existing Colors

To change the color for a previously configured break reason:

1. Click the existing color box next to the break reason.
2. Choose a new color from the pop-up palette.
3. Click **Apply** to save the update.

The new color immediately replaces the old one in your monitoring view.

## Column Description

| **Column Name**      | **Description**                                                                                                  |
| -------------------- | ---------------------------------------------------------------------------------------------------------------- |
| **Break Reason**     | Displays the name of the break reason created by the Administrator.                                              |
| **Configured Color** | Displays the currently selected color for each break reason. Supervisors can click this box to change the color. |
| **Hex Color**        | Shows the hexadecimal color code (e.g., #FF5733) corresponding to the selected color.                            |

## Example Use Case

- 🟢 **Available (Ready)** → Indicates agents ready for calls.
- 🔵 **Meeting** → Represents agents in a scheduled meeting.
- 🟠 **Break** → Used for short breaks (e.g., tea, snacks).
- 🔴 **Lunch** → For lunch breaks or longer offline periods.
- ⚫ **Threshold Breach** → Highlights when agent performance metrics exceed set limits.

### Summary Table

| **Action**                 | **Description**                                                   |
| -------------------------- | ----------------------------------------------------------------- |
| **Search Break Reason**    | Locate a specific break reason using the search bar.              |
| **Configure Color**        | Assign a custom color for a selected break reason.                |
| **Edit Existing Color**    | Modify colors for break reasons already configured.               |
| **View Hex Code**          | Identify the exact hexadecimal code for the chosen color.         |
| **Apply Changes**          | Save and apply all new color configurations.                      |
| **User-Specific Settings** | Colors are personal to the Supervisor and not shared with others. |