Back to Blog

How to Reorder Webflow Color Swatches

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

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.


Boost your webflow site further.

Join Over 30,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 30,000+ other creators across our communities.