
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.