Customize your brand colors
First at all, you must select which will be the background color. To do it, go to 'Pages' in the sidebar and select 'Themes.'
![](https://help.rentlysoft.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comiofytz9fc11261181302d138030ef94ac70eea7bbd1f690fBuilderDuck.png)
In the 'General' section you will find the 'Background Color' field. There, you can put the hex code or you can click the color box and then select a color from the color picker that appears.
![](https://help.rentlysoft.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comiofytz9fc112611813054ddfb37e06a3d6eafce277da3a86BuilderDuck-281-29.png)
Below, you will find the section to customize your brand's colors. Click on the dropdown menu to find the fields to change your colors.
You can set up your primary, secondary, error, warning, info and success colors.
![](https://help.rentlysoft.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comiofytz9fc112611813035e00297d7eb369b976dbfc8cdfbaBuilderDuck-282-29.png)
Make sure to set up the primary color along with its light and dark variations. This ensures a clear and smooth user experience on your webpage.
💡 If you don't have a secondary color, copy and paste your primary color selection.
Put the hex code or you can click the color box and then select a color from the color picker that appears.
![](https://help.rentlysoft.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comiofytz9fc112611825371007163a2e90d76743b14aecd06cBuilderDuck-283-29.png)
Repeat the process until you’ve customized all the colors you want to update on your webpage.
Finally, scroll up and press 'Save Changes'
You will see the changes reflected on your webpage:
![](https://help.rentlysoft.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comiofytz9fc11257885295270e2e886a44c6612a62374828f1BuilderDuck(4).png)
❗Open your webpage to view the changes.
If a tab is already open, close it and open it again. Refreshing the page won’t update the change.