Knowledge Base

Get Expert Website Hosting

Choose website reliability and expertise with SiteGround!

Home / Website Builder / How to Change the Color Palette of My Site

How to Change the Color Palette of My Site

Summarize this article with:
Last update: Mar 11, 2026 • 1 min read

We currently have two builder versions: one for sites created before March 4th and another for sites created after this date. Sites still using the older builder will be automatically migrated to the newer version soon. If your site hasn’t been migrated yet, please refer to the Classic Builder section below.

  1. To change the color palette of your site, first go to Site Admin > Website Builder, and press the Edit Website button.
Dashboard of the SiteGround Website Builder showing a trial site titled "Beyond the Point" with the "Studio" template.
  1. Then navigate to the Styles tab and click Colors from the left column.
The Global Site Styles menu in the website editor with the Colors section highlighted for brand customization.
  1. From there, you can select an existing palette or customize specific colors. Simply click on each color to choose a new text and background combination via the color box.
Global color palette customization panel showing accessibility contrast ratios and options for main, secondary, and contrast colors.

When choosing colors, a contrast indicator will appear to show how well they work together. We strongly encourage you to follow our recommendations, as low contrast can negatively impact your users’ experience.

Note: Keep in mind that color palette changes will be applied to your entire site. That said, you can change and choose different section-specific color combinations for body, header, and footer from the page or section you are editing. 

How to Change the Color Palette of My Site (Classic Builder)

To change the color palette of your site, navigate to the Style tab and click Colors from the left column.

From there, you can choose carefully crafted palettes from the drop down menu.

Alternatively, you can craft your own by clicking on the palette colors and picking your own.

After selecting the main color combinations, you may want to set some defaults from the left column for Header Color, Body Color, Footer Color, System Buttons Color, System Label Color for convenience. You can change and choose different section-specific color combinations for body, header and footer from the page or section you are editing as well.

Note: Changing the color palette will be applied to your whole site.

Share this article

Related Articles