Home
 /
Tools
 /
Chainlift Color
Chainlift Color icon

Chainlift Color

Generate dynamic color systems in an instant.

Generate a dynamic color system from any hex code

Chainlift Color allows you to generate a Material 3 dynamic color theme in Webflow, with color variables and pre-configured utility classes. All background and text colors are guaranteed accessible with WCAG AA or higher contrast ratio compliance.

Creates light and dark modes

Every light swatch has a corresponding dark swatch, making it easy to swap between light and dark modes. Build with your preferred style, or let your users decide.

Easily swap themes

Input a new source color to try out a different theme. Chainlift Color will update your variables automatically and you'll see the changes reflected in the designer instantly.

Built-in 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 out this tool!

Click the button below to visit the website and get started.

Try it now