Set user message color

Secondary color

The secondary color affects several user-facing elements and helps you tailor the visual experience to match your brand. Changing the secondary color updates the following:

• User message bubble
• User avatar
• Starter question bubbles
• Send arrow (if the selected color is too light, the arrow will automatically appear in black for visibility)

---

How to update the user message color

1. Click the Personalize icon next to the agent you want to customize.

2. Locate the Agent Color Scheme section.

3. Select your preferred scheme:
   • Adaptive - Set one primary color, agent colors adjust automatically
   • Legacy - Set toolbar and agent colors individually

If You Selected Adaptive

1. Scroll to the Primary Color field

2. Click the color icon to open the color picker.

3. Choose your toolbar color:
   • Enter a HEX code for the desired color, or

• Move the color selector dot to choose a color manually

4. Click Save Settings to apply the update.

Note: The user message color will automatically adjust to complement your primary color choice.

If You Selected Legacy

1. Scroll to the Color section.

2. Locate Secondary color field.

3. Click the color icon to open the color picker.

4. Choose a color:

• Enter a HEX code for the desired color, or

• Move the color selector dot to choose a color manually

5. Click Save Settings to apply the update.

Looking to adjust change the toolbar color? See how to set the toolbar color.