Chainlift Color

Generate dynamic color systems in an instant

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.
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.
- Generate a theme from any colorGenerate a theme from any color
- Light and dark modesLight and dark modes
- Swap color themes in one clickSwap color themes in one click
- Built-in utility classesBuilt-in utility classes