Match the widget to your brand color

Set the exact HEX color from your website so the embedded widget feels native to your studio.

Prerequisites

  • • Feature: Embed Widget must be enabled in Settings → Features.

• Role: Owner

1

Open Settings → Widget

Scroll to the Brand Color card.

2

Pick a preset or enter a custom HEX

Use one of the seven quick presets, or type your brand HEX (e.g. #1E90FF) in the Custom color field and press Apply. The color picker swatch also works.

3

Preview live

The Preview card below reloads with your new color so you can see exactly how it will look on your site.

4

Save once and forget

The widget reads your color from the studio settings, so every embed updates instantly — no need to edit the embed snippet on your website.

Tips
  • • Click "Use preset instead" to clear the custom color and fall back to the preset palette.
  • • Light and dark shades are derived from your primary color automatically — you only set one HEX.

Related articles