Skip to content

Change a colour across your selection

See every colour the selected layers use, and replace one everywhere at once, with another colour or a token.

Select one or more layers, or a whole section. The Selection colors section of the Properties panel lists every colour they use, their children's included: fills, text, borders and shadows, raw colours and colour tokens alike, the most used first, each with how many times it is used.

Replace a colour

Click a colour and pick another one, or one of your colour tokens. It changes everywhere in the selection where that colour was used, in one step: a single Undo puts every one back.

Replacing a raw colour with a token is the quickest way to bring a section in line with your site's colours: the layers then follow the token when it changes, and in dark mode too.

Select the layers that use a colour

The pointer button next to a colour, Select matching layers, selects every layer in the selection that uses it, so you can change those layers together.

If the section says No colors in the selection., nothing selected has a colour of its own: it shows its parent's.

Updated October 24, 2026