What is a colour theme?

Theme colours control the colours used across your campaign site. They help create a consistent look and feel that matches your campaign branding and external marketing.

The colours available in Theme Options are sourced from the GOV.UK brand refresh web palette.

You can:

• choose which colours are available to editors across the site
• set a default Primary colour
• set a default Accent colour

These default colours are automatically applied to components and block patterns across your site.

Editors can still override colours on individual blocks when needed.

Configure your campaign palette

The campaign palette controls which colours are available to editors in the page editor.

To configure your campaign palette:

1. In the left sidebar, select Theme Options.
2. Under Campaign palette, select the colours you want to make available across your site.
3. To make all GOV.UK palette colours available, select Toggle All.
4. Select Update to save your changes.

Only colours selected in the campaign palette will be available within block settings in the editor.

Set default theme colours

You can choose default colours that are automatically applied across components and block patterns.

To set your default colours:

1. In Theme Options, go to the Default colours section.
2. Select a Primary colour from the dropdown list.
3. Select an Accent colour from the dropdown list.
4. Select Update to save your changes.

If you update the campaign palette, you must select Update before newly selected colours become available in the dropdown lists.

How default colours are used colours

Primary colour

The Primary colour is the main theme colour used across components and block patterns on your site.

Accent colour

The Accent colour is used for highlights and supporting visual elements across components and block patterns.

Block patterns will automatically adopt these colours by default, reducing the need for manual styling when creating new pages..

Once you have saved these options you can use these colours across your site. Edit your custom theme again to add them to the Accent and Navigation settings in the Theme Options.

Change colours on individual blocks

Although Primary and Accent colours are applied by default, editors can still override colours on individual blocks.

Editors can choose from any colour available within the campaign palette using the block settings in the editor.

---