Customizing Lottie animation in Webflow using Color Palette

Here's a simple guide to customize your Lottie animation to match your brand colors by using the Color Palette tool in the LottieFiles App:

1. Open the LottieFiles App on your Webflow project.
2. Find the color palette tool at the top.
3. Click on the color palette drop down button and you can pick from existing palettes or create your own by clicking +New Palette button.
4. Once you have selected the color palette, your chosen colors will be used in animations from the Discover tab or your own animations under Workspace.
5. To insert the animation after applying the color palette, open the animation and click on Save and Insert Animation.

Updated May 08, 2024 11:09