Changing a color palette

The templates come with a predefined color scheme, but you can change it so that it matches your brand colors. With the pre-set color palette selector, you can modify your website color combinations in seconds without the need to precisely mix and match color variations.

About color palettes

Each palette consists of six complementing colors picked by professional designers. These colors automatically apply across your website to various site elements:

• Website and block background
• Links
• Icons
• Social media icons
• Dark and light block background settings

How to change a site-wide color palette

Here’s how you can choose a different predefined color palette for your website:

1. Click Design on the Topbar.
   
   Alternatively, click the Menu button on the top left corner and choose Design from the Sidebar.
2. The current palette will appear at the top of the list in the Colors tab.
   
   
3. Scroll down to see all the available palettes. Click the palette that matches your website images and brand colors. Check out what your buttons and links look like.
   
   
4. Click Save to apply the changes.

If you haven’t found the perfect pre-set palette, you can create one of your own. To assign custom colors, click the Settings icon of the palette, and browse the available colors. For more information on how to create custom palettes, visit Creating custom website colors with palettes.

How to change the block background

If you need to change a background in a single block without changing it on the whole website, you can do this via Block settings. Follow these steps: 

1. Hover over the block to enable its control pane and click the Block settings icon.
2. Go to the Appearance tab, and in the Block style section, choose the background color option.

Note: The smart interface will automatically adjust the font color to match your new background and look professional.