Back to Blog

How to Reorder Webflow Color Swatches

Organise, reorder and rename your color swatches directly inside your projects.

Peter B.
March 10, 2022

Reorganize and Rename your Colors inside Webflow

Sick of your color swatches not being the order you want, need to settle that undiagnosed OCD. We totally understand, it's why we include the simple and free organisation feature inside our chrome extension.

1. Download the Chrome Extension

In order reorder and rename your swatches, you'll need to download our Webflow Chrome Extension. Our Chrome Extension provides a number of free features that help you build better and faster with Webflow.

2. Open Tool Belt & Select Color Organizer

Inside of the Webflow designer, you should now see the Flowbase Extension Icon. From here you can access the toolbelt and find the color organisation tool. Simply drag your colors and release your cursor to reorder your swatches. You can edit the name of them by selected the text inside this edit panel and start typing a new name.

3. Rename & Click and Drag

Simply click on a color and rename it directly inside of the extension tool

4. Save and get back to work

Save the color swatches and get back to your work with ease.


Check out some other articles!

Join Over 55,000+
Creators Today

Join our newsletter list for occasional updates, products and insights.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Join 55,000+ other creators across our communities.