Documentation

Help center

⌘K
The chat widgetColor & gradient
The chat widgetColor & gradient

Set widget colors and gradients

Match the chat header, messages, composer button, and launcher to your brand.

3 min read Updated Jul 2026Edit widget colors

Use a solid color

Choose Solid and enter a six-digit hexadecimal color. The live preview updates while you edit, and the saved color is used across the header, visitor messages, send button, and launcher.

Build a gradient

  1. 1Select Gradient.
  2. 2Choose a start color and end color.
  3. 3Move the angle control from 0° through 360° until the direction matches your brand.
  4. 4Save changes and refresh the installed website.

Detect from your website

AskBrew can inspect the company website saved on the workspace and suggest a prominent brand color. Detection updates the start color only; review the result before saving.

See saved changes

Public widget configuration is returned with no-store cache headers, so a normal page refresh should request the latest saved colors. The static widget script itself remains cacheable.

Still seeing the old color?: Confirm Save changes succeeded, refresh the customer site, and verify that the page is loading the expected workspace public key.

Was this page helpful?