Set the core brand palette so the site can reuse consistent colours for backgrounds, text, and accents.
Editor Overview
Watch short walkthroughs for the main editor tools.
Editor functions
Branding > Colors
1:14
MP4
Transcript
0:00You can change the colour of the current section from the top toolbar. Most sections have two colour regions, each with its own palette. For this header, there is a main palette and a navigation palette.
0:13These palettes are created automatically from your brand colours. To access branding settings, click the dark icon on the toolbar, then go to the colours tab. Here you can see the existing colours and palettes.
0:24If you click Available, you can browse example palettes and choose a new one to repaint your site.
0:43You can also add new colours. Let's add black. Notice how the generated palettes update below as Flax combines black with the existing colours to produce more palettes.
0:59Now we can use the black background palette on our header. We also need to update the navigation palette.
1:08You can change the colours of any section on your site in the same way.
Transcript
0:00You can change the colour of the current section from the top toolbar. Most sections have two colour regions, each with its own palette. For this header, there is a main palette and a navigation palette.
0:13These palettes are created automatically from your brand colours. To access branding settings, click the dark icon on the toolbar, then go to the colours tab. Here you can see the existing colours and palettes.
0:24If you click Available, you can browse example palettes and choose a new one to repaint your site.
0:43You can also add new colours. Let's add black. Notice how the generated palettes update below as Flax combines black with the existing colours to produce more palettes.
0:59Now we can use the black background palette on our header. We also need to update the navigation palette.
1:08You can change the colours of any section on your site in the same way.