Global swatches

Launched on

February 16, 2017

Global swatches introduces a brand new way to manage colors in Webflow, inspired by the power of CSS variables.

Now you can set color swatches to be "global," so that if you edit them in one place, they update across your whole site wherever they appear. It's like symbols, but for color.

The new UI allows you to set swatches as global, and edit multiple instances of that swatch at once. — Now it's easier than ever to create and manage brand colors within your projects.

To learn more about global swatches, check out our help article or get in the Designer and play with it!

Now you can define key colors as global, so every instance of that color will update whenever you change it. It’s like Symbols, but for colors.

Resources

Experience it

on the landing page

→

Learn all about it

at Webflow University

→

Discuss it

View Forum Topic

→

Other

Web Design

Features

Now you can use vmin and vmax in the Designer's Styles panel

Check it out

→

Improve keyboard navigation with outline styling and keyboard focus state

Check it out

→

CSS grid: release 2.0

Check it out

→