How colours and palettes work in Squarespace

If you’ve read our ‘Choosing the right colours for your brand’ blog, you’ll know the basics of creating a strong colour palette that works for your industry and style. In this post, we’re going to work through how colours and palettes work in Squarespace and how Lucky Night templates have created a seamless colour-editing experience for our users.

Squarespace colour palette

Squarespace colour themes

As you can see from the colour palette image, Squarespace allows each website a limited colour palette of 5 (pictured is the Lucky Night palette).

In the middle is your main brand colour - we’ve gone for our customary bubblegum pink. To the right of your main colour are your two ‘darks’ (red and black in this case) and then to the left are your two ‘lights’ (white and pale pink).

Squarespace very cleverly takes those 5 colours and turns them into 8 separate colour palettes that you can use on your sections. You can see these pictured in the customise your themes image. These will initially be set automatically by Squarespace, but you’ll have the option to fine tune and tweak using site styles.

 

How Lucky Night templates simplify the process of updating colours and fonts

Lucky Night Madeline Squarespace template - styling page for organising colours and fonts

Each Lucky Night Squarespace template is pre-loaded with a custom page called ‘Styling’. On this page are example headings, paragraphs, buttons and SVG images (these will intuitively update with your colour palettes) so you can fine tune how each colour theme works.

You can see from the image above that ‘LIGHTEST 1’ is a white background with pink, green and white buttons. The SVG colours are always linked to the ‘Primary button’ style, so have a play around and see what works best.

These pages are a great way to experiment with colour and get your palettes fine-tuned so that once you’re ready to edit it’s full steam ahead!

If you’re looking for more detailed information on how colours work within Lucky Night templates, each template purchase comes with in-depth video and text lessons on everything from fonts to SEO.

 

 

We hope you found this blog useful, and as always, feel free to reach out on Instagram or at hiya@luckynightstudio.co.uk if you have any questions. Catch up soon small business superstars!

Louise & Naomi

Previous
Previous

Understanding typography styles & picking the right fonts for your brand

Next
Next

How to choose the right colours for your brand & website