Libre
Open Studio

Change colors in a Lottie animation

Give an animation your own colors. Open it in Libre, select the artwork and edit its fills or strokes. Download the updated Lottie file for free.

Change Lottie colors

Free editing and exports. No account required.

Recolor your animation

  1. Import your file

    Open Studio and choose Import. Select a Lottie JSON or dotLottie file and check that the imported animation looks right.

  2. Find the shape

    Select it on the canvas or in Layers. Expand groups if you need to reach an individual shape.

  3. Pick a color

    Open its fill or stroke control in Properties and set the color you want. For a gradient, edit the relevant stops. If the color is animated, check its keyframes too.

  4. Preview and download

    Play the whole animation to check that the old color does not return later. Choose Export, inspect the Lottie preview and download the result.

Which colors can you change?

  • This edits vector fills and strokes. Colors baked into an embedded image need to be changed in the image itself.
  • There is no global replace-all palette. Edit the relevant shapes and check their animation keys.

Want to try it first? Open the editable Success example.