Customising colours

Set a single brand colour and it flows through every interactive element of your form — buttons, active states on choices, the progress bar, and links.

Where to set the colour

Open the Design tab, go to Theme, and select the Colors tab. You will see a grid of 12 named preset colours — Green, Emerald, Blue, Violet, Rose, Amber, Cyan, Pink, Indigo, Teal, Orange, and Sky. Click any swatch to apply it instantly.

Using a custom colour

Below the preset swatches is a Custom Color section. Click the colour picker button to open a visual picker, or type a hex code directly into the field and press Enter. The live preview strip beneath the input shows a button and a checkbox in your chosen colour so you can check contrast before applying.

What the colour affects

  • CTA buttons — Continue, Get Results, Submit, and any layout section buttons.

  • Active states — the selected option highlight on Radio, Multi-Select, and Icon steps.

  • Progress bar — the filled portion of the progress indicator.

  • Links — inline links in layout content and the form footer.

Did this answer your question?
😞
😐
😁