Now Booking Branding + Website Design Projects!  View Services →

How to Update your Color Palette in Showit

How to Update your Color Palette in Showit

Once you’ve updated your Showit website template with your own content, you’ve likely started to see whether the fonts & colors are working or need to be adjusted to match your brand.

You’ll make these font & color adjustments first in the site-wide Design Settings, and then you can go through each page and make small tweaks where needed. 

Note: Need help with your color palette? Check out our Color Palette Workshop — step-by-step training & plug-and-play templates that help you create an impactful color palette for your brand.

1. Collect your Brand Colors

The easiest way to update colors in Showit is by entering the hex code for each color, which is a six-digit number, often with a pound sign (#) in front of it:

If you don’t already have your brand colors documented, you can use an online color picker tool to upload a photo with a color palette you like, and use the eyedropper to select each color and copy the hex code:

Once you have your hex codes collected, you’ll enter each one into Showit.

2. Update the Color Palette in Showit

In the Showit interface, select Design Settings in the top left panel.

Screenshot of Design Settings in the Showit Website Builder.

In the Site Style tab, adjust each color in the Color Palette section to one of your brand colors.

Note that it’s best to swap out similar shades wherever possible. For example, if a template is built using a dark color (e.g. the first color in the screenshot below) for all text that’s on a light background, and you swap it out for a light color, it will be hard to read. So, you want to swap a dark color out for another dark color, bright for another bright, light for another light, and so on.

Screenshot of the Site Style tab in Design Settings of the Showit Website Builder.

If you’ve purchased a Hey Hello Studio website template, the color palette is set up according to the diagram below. Replace each color with a tone from your palette that works for the purpose noted.

And don’t worry if you don’t use all the colors in your color palette — most websites only use about half their colors. The rest can show up in photography or graphics used on your site.

3. Check Pages and Manually Adjust

Once you set the colors and click “Save,” your entire site will update with the colors you’ve selected. It’s a good idea to review each page — on desktop and mobile — to see if the colors are working or if they need adjusted.

You'll get our super fun emails that are packed full of helpful goodies. They’re good, promise. You can unsubscribe anytime. 

join the newsletter!

If you liked this,

Ready to take your business to the