Adding custom colors to your workspace
How it works
Add your brand colors palette to your workspace and use them across all of your forms. This will allow you to easily reuse and update colors across your forms and will help you maintain your brand’s image.
Setup Guide
To start, add all the required colors to your workspace. Once added, you can use these colors to customize all Formli elements. If you need to modify any of the already added colors, simply make the change in the workspace, and it will be automatically updated wherever it was used.
How to add colors to workspace
- Go to
Settings
. - Choose
Colors
tab. - Click on the
+New
button. - Add ‘Color name’ and choose color on the picker or enter the color hex code. Change the opacity if needed.
- Click on the
Save
button.





Your color is added to the list of custom colors. Click on the pencil icon to edit the settings.

How to use custom colors
All custom colors are available to all color pickers throughout your workspace. You can use them in your Formli blocks to customize the color of text or backgrounds, as well as in your emails.
To use your brand colors, open one of your forms and select the element you want to customize (e.g., your submit button). You will see your custom brand colors listed at the end of the default colors. Each color includes a hint with its custom color name.
