Batch recolor · Live preview · Free · No signup

Lottie Color Editor

To change the colors of a Lottie animation, drop your .json file below and open the Color Transformer. It finds every color used across all layers and gradients, and lets you swap each one with a live preview.

How it works

  1. Drop your Lottie .json file below, or paste a URL to load it.
  2. Open the Color Transformer panel — it lists every color found in the animation.
  3. Click a color and pick its replacement; the canvas updates live.
  4. Export the recolored animation as JSON, dotLottie, GIF, or MP4.

Frequently asked questions

Does it handle gradients and similar shades?

Yes. Lotiq clusters near-identical shades together so you can recolor a whole hue family at once, and it supports gradient fills and strokes.

Can I rebrand an animation to my brand colors?

Yes — that's the main use case. Swap the palette to your brand colors in one pass instead of editing dozens of layers in After Effects.

Will recoloring break the animation?

No. Only color values change; all keyframes, timing, and structure stay untouched.