MODULE THREE: LESSON three
Updating Your Color Themes
Your homepage is the first place your new color palette comes to life, which means this is where you’ll really start to see your brand take shape. In this lesson, you’ll learn how to quickly update the colors on each section so everything feels cohesive, intentional, and true to your palette.
Why You Need to Update Your Colors Here
Even though your template already includes a polished color flow, your chosen palette may shift things. Some sections might suddenly feel too dark, too light, or just not quite right. Updating your color themes helps keep everything visually balanced and aligned with your brand.
How to Update Colors in Any Section
Hover over the section you want to edit.
Click Edit Section (or the pencil icon, depending on your Squarespace version).Open the Colors panel.
Select a color theme from your palette.
You’ll see the color themes you saved earlier in the Design Styles lesson.Click through your options to preview how each theme changes:
Background color
Text color
Buttons
Accent elements
Choose the theme that creates the best contrast and visual flow.
(Tip: Every section doesn’t have to be different — repeating themes creates cohesion.)
Tips for a Cohesive Color Flow
Alternate light and dark sections to keep your homepage easy to read and visually interesting.
Keep hero and footer sections consistent… they anchor the page.
Test your buttons after updating colors. Make sure they’re always easy to see.
If something looks “off,” it’s almost always the color theme. Try switching the section to a different theme.
What to Expect
Your homepage may look slightly different from the original template and that’s exactly the point. The template gave you structure; your color palette gives it personality. This step is where everything starts feeling like your brand.
Action Items
Update every section of your homepage with a color theme from your saved palette.
Check that buttons in each section have enough contrast and are easy to read.
Make sure the hero and footer colors feel intentional and cohesive.
Double-check the overall flow of light and dark sections down the page.
If a section feels “off,” try switching to a different color theme until it feels balanced.
Once your homepage feels cohesive, move on to customizing your next page.
