What is the palette?
The palette is a collection of colours that can be used anywhere within the admin area where colours are selected. This allows you to add and organise a range of colours that you can then apply in multiple places directly from a colour selector.
This is very useful if you have brand colours or a specific colour range that you want to apply quickly and consistently throughout your site.
How do I view my palette?
By default we add a range of versatile monochromatic colours to your palette for you to use with any colour range without distracting from your content.
In the admin area
The palette is located in Accounts > Settings > Palette.
How do I add a colour to the palette?
In the admin area
Go to Account > Settings > Palette.
Click the Add button in the top right.
Select a Colour.
Click the Add button.
How do I edit a colour?
In the admin area
Go to Account > Settings > Palette.
Find the colour that you'd like to edit and click the Edit button in the Options column.
Update the colour.
Click the Update button.
How do I delete a colour?
In the admin area
Go to Account > Settings > Palette.
Find the colour that you'd like to delete and click the Delete button in the Options column.
Click the Delete button to confirm.
How do I move a colour?
In the admin area
Go to Account > Settings > Palette.
Find the colour you are looking for in the Colours list and click and hold the arrow icon to drag the colour up or down.
How do I use colours from the colour palette?
Once you have added some colours to your palette then these colours will be displayed on the left side of all colour selectors. You can then selected the colour by checking it and clicking the Choose button. See the examples below:
Example - Palette
Example - Colour selector
How do I apply transparency to colours?
Transparency is supported wherever possible, however some supporting technologies such as email do not currently support the RGB colour model used to apply transparency.
In the admin area
Open a colour selector.
If transparency is supported, a slider will be displayed beneath the colour picker.
Drag the slider to the left to increase transparency or to the right to increase opacity.
Click the Choose button.
See the example below:
Example - Colour selector with 50% transparency applied
