Chainlift Color

Unlock the power of dynamic color in Webflow

Generate a theme from any color

Put in your main brand color and get a comprehensive color system in seconds, powered by Material 3.


Get colors that pair well with your brand

Automatically generate the perfect accent colors


Save as variables

No more saving swatches one-by-one.


You can always change it later

Automatically generate the perfect accent colors

Easily regenerate your whole theme, or just certain groups.

Customize to fit your brand

Don't like the output? No problem. Plug in the rest of your brand palette and preview how it'll look before committing.

Light & Dark Modes that Swap Automatically

Design in your preferred mode. The live site will always show the user's preference.

Requires Chainlift UI.
Clone the kit
2 versions of the same landing page, one light and one dark.

Easily swap themes

Go ahead. Regenerate the whole thing. Watch it update in real time, then simply put it back if you change your mind.

3 landing pages with the same layout but different color schemes.
Screenshot of the style panel in Webflow designer with "color" and "background color" linked to variables

Build faster with utility classes

Build faster with built-in utility classes for background color that automatically pair each hue with the corresponding text color. Add as combo classes to your existing library for easy customization.

Try it Now

No account needed. Free forever.