Set brand colours for your website

To set your brand colours, navigate to Site and select the site version you'd like to update. Go to Styles and use the colour picker or use HEX/RGB codes to add a:

1. Primary colour – Used for call-to-action buttons, the primary colour should be the main colour that customers associate with your brand.
2. Secondary colour – Used to highlight blocks of content, like blog post cards, the secondary colour should match your primary colour as they’re typically seen together.
3. Site background colour – This is used for all website page backgrounds. It is usually a softer, more neutral colour.
4. Site text colour – Used for all written body text, the site text colour should have high contrast compared to the background colour. This ensures good readability and accessibility.

Easol will automatically apply your colour palette across your website. However, you can override your colour palette for specific sections when you start building out your website.

Additional resources

• How to customise a website theme on Easol