color swatch import/export with no plug-in (Webflow Native)

I love that you can import cms collections using CSV formatted files. Why couldn't we do the same for colour swatches, or even make colour swatches their own cms collection

please dont suggest I use figma to Webflow or any other plugin, I dont want my clients to need to purchase plugins. Dont suggest some code snippet, webflow is marketed as no-code.

Name: the name of the colour displayed on the swatch,
Hex: The Hex Value of course
RGB: to display to designers that want that
Color: the HSLA field that webflow use for colour fields
Contrast: I used this as the preferred contrast, but not required.
Position: this is the sort order I want the colour swatches shown.


black,#000000,"rgb(0, 0, 0)","hsla(0, 0%, 0%, 1)","hsla(0, 0%, 100%, 1)",1
white,#ffffff,"rgb(255, 255, 255)","hsla(0, 0%, 100%, 1)","hsla(0, 0%, 0%, 1)",2
primary-50,#eee4e6,"rgb(238, 228, 230)","hsla(348, 22%, 91%, 1)","hsla(0, 0%, 0%, 1)",3
primary-100,#d5bac0,"rgb(213, 186, 192)","hsla(346, 24%, 78%, 1)","hsla(0, 0%, 0%, 1)",4

Im looking into developing an App for this, because I feel it may be necessary, but I would prefer it to be a native feature, and I feel that would have a far broader benefit to the community. Also not sure if the API will allow it, but I assume so as finsweet have been able to move colour swatches around with their chrome extension?

final idea:
Some legend created a super cool site, for producing material colour palettes ( it has an import/export, personally i feel it is missing a csv format export, and its MCG format is json but not the simplest schema in my opinion. But take a look its cool and could be useful inspiration in developing this requested feature.

keep doing great things!! peace.

  • Jeffrey Barron
  • Aug 23 2023