---
title: Content Hub Settings - Alert Colors
description: Manage and customize alert colors in the Content Hub by adding new color options with names and Hex codes to visually distinguish different alert types.
---

[Skip to content](https://service.netpresenter.com/support/content-hub-settings-alert-colors#main-content)

[Create support ticket](https://service.netpresenter.com/support/kb-tickets/new?hsLang=en) [Service Center](https://service.netpresenter.com/portal?hsLang=en)

[![Netpresenter\_Logo\_2023](https://service.netpresenter.com/hs-fs/hubfs/Netpresenter_Logo_2023.png?width=300&height=72&name=Netpresenter_Logo_2023.png)](https://www.netpresenter.com/)

Open main navigation

Close main navigation

- [Create support ticket](https://service.netpresenter.com/support/kb-tickets/new)
- [Service Center](https://service.netpresenter.com/portal)

 Search the Support Center

- There are no suggestions because the search field is empty.

1. [Support Center](https://service.netpresenter.com/support?hsLang=en)
2. [Settings](https://service.netpresenter.com/support/settings?hsLang=en)

# Content Hub Settings - Alert Colors

The **Alert Colors** page (**Settings → Alert Colors**) defines the palette of colors available when creating Alerts. Each Alert is assigned one color to visually signal its urgency or category — for example, red for emergencies and yellow for cautions. Four colors ship by default (Caution, Emergency, Informational, Test); you can add custom colors, rename existing ones, or delete colors that are no longer needed.

### Prerequisites

- **Account Type:** System Administrator.
- Hex color values for any custom colors you plan to add. Use your organization's brand or safety-color guidelines as the source.

### Procedure

#### Step 1 — Open Alert Colors

In the Settings left navigation, select **Alert Colors**.

![](https://service.netpresenter.com/hs-fs/hubfs/image-png-Jul-10-2026-07-56-54-2996-AM.png?width=249&height=327&name=image-png-Jul-10-2026-07-56-54-2996-AM.png)

The **Colors** list opens. Each row shows a color swatch square and the color's **Name**. Use the **Find a Color** search box to filter by name, and the **Sort by** dropdown to change the sort order (default: Name).

![](https://service.netpresenter.com/hs-fs/hubfs/image-png-Jun-26-2026-09-20-31-6377-AM.png?width=670&height=280&name=image-png-Jun-26-2026-09-20-31-6377-AM.png)

#### Step 2 — Add a custom Alert Color

1. Select **Add new** in the top-right.
2. The **Add New Color** form opens. Enter a **Name** — this is the label Creators see when selecting a color for their Alert (e.g., `Warning`, `High Priority`).
3. In the **Color** field, type the hex value (e.g., `#FF6600`) or select the color swatch to open the color picker. The swatch updates in real time as you type.
4. Select **Add New Color** to save.

![](https://service.netpresenter.com/hs-fs/hubfs/image-png-Jun-26-2026-09-19-51-9536-AM.png?width=670&height=210&name=image-png-Jun-26-2026-09-19-51-9536-AM.png)

> **Important:** Alert Color names are visible to all Creators. Use clear, consistent names that reflect your organization's alert-level conventions. Avoid generic names like "Color 1."

#### Step 3 — Edit an existing Alert Color

Select a color's name in the list (or hover the row and select the **Edit** icon) to open the **Edit Color** view.

Update the **Name** or the **Color** hex value, then select **Update** to save.

![](https://service.netpresenter.com/hs-fs/hubfs/image-png-Jun-26-2026-09-20-20-8642-AM.png?width=670&height=215&name=image-png-Jun-26-2026-09-20-20-8642-AM.png)

> **Heads up:** Changing a color's hex value updates it everywhere it is displayed in active Alerts immediately. Changing the name does not affect existing Alerts — the new name applies only to new Alerts created after the rename.

#### Step 4 — Delete an Alert Color

Hover over a color row and select the **Delete** icon.

> **Important:** Before deleting a color, confirm that no active Alerts are currently using it. Deleting a color that is in use may cause those Alerts to display without a color or fall back to a default. There is no undo.

### Verification

After adding or editing a color, return to the **Colors** list and confirm the swatch and name appear correctly. To verify the color is available to Creators, open the Alert composer and check that the color appears in the color selection step.

- [Content Creation](https://service.netpresenter.com/support/content-creation?hsLang=en)
- [Settings](https://service.netpresenter.com/support/settings?hsLang=en)
- [Configurations](https://service.netpresenter.com/support/configurations?hsLang=en)
- [Requirements](https://service.netpresenter.com/support/requirements?hsLang=en)
- [Deployment](https://service.netpresenter.com/support/deployment?hsLang=en)
- [Security](https://service.netpresenter.com/support/security?hsLang=en)
- [Cloud Services](https://service.netpresenter.com/support/cloud-services?hsLang=en)
- [Guides](https://service.netpresenter.com/support/guides?hsLang=en)
- [Product Sheets](https://service.netpresenter.com/support/product-sheets?hsLang=en)

[![Netpresenter\_Logo\_2023\_500x75px](https://service.netpresenter.com/hs-fs/hubfs/Netpresenter_Logo_2023_500x75px.png?width=250&height=38&name=Netpresenter_Logo_2023_500x75px.png "Netpresenter_Logo_2023_500x75px")](https://www.netpresenter.com/)

The visual employee and emergency communications platform

<https://www.linkedin.com/company/netpresenter> <https://www.facebook.com/Netpresenter> <https://www.twitter.com/netpresenter> <https://www.youtube.com/user/Netpresenter> <https://vimeo.com/user138765272> <https://www.tiktok.com/@netpresenter>

© 2026 Netpresenter