How to change the chatbox color

This article explains how to change the main color theme of the Crisp chatbox.

You can quickly choose a predefined color from the chatbox appearance settings. If you need custom brand colors, use the dedicated Customization settings.

Watch the chatbox customization walkthrough

If you prefer a quick visual walkthrough, this video shows how to customize your Crisp chatbox, from basic appearance settings to texts, position offsets, and custom colors.

Choose a predefined color theme

The fastest way to adjust the chatbox color is to select one of the predefined color themes.

To change the chatbox color theme:

Go to Crisp
Open Settings → Chatbox → Appearance
Find Color theme
Select the color you want to use
Let Crisp auto-save the change

Choose a chatbox color theme

Use custom colors

Custom colors are managed from Settings → Chatbox → Customization → Custom colors.

Choose the main baseline colors you want to use, and Crisp automatically generates the lighter and darker variants used by the chatbox. This keeps the design coherent while giving you control over your brand colors.

When custom colors are configured, the predefined color selector will direct you to Customization → Custom colors instead of overwriting your custom theme.

Need deeper branding?

Color is only one part of the chatbox theme. You can also customize texts, localized wording, position offsets, background patterns, and other appearance settings from How to customize the Crisp Chatbox.

Updated on: 26/10/2026

Was this article helpful?

Thank you!