Tools · Color desk
Change Lottie Animation Colors Online
Swap colors in any Lottie file without After Effects. Extract every color, replace individually or globally, apply brand palettes or dark mode — all with live preview, in your browser. No upload, no account, free.
Drop your file to recolor§ 1
How it works
- Extract — the Color panel automatically detects every unique color across all layers in your animation.
- Replace — click any color to replace it everywhere, or apply changes to a selected layer only.
- Live preview — every color change applies immediately. No "Apply" button — see results in real time.
- Brand palettes — paste CSS variables or apply theme palettes to brandify your animation in one step.
§ 2
Dark mode & brand theming
Preparing a Lottie animation for dark mode or a new brand palette? Use the Color panel to swap every color at once. Extract the full palette, define your target colors, and apply them globally — then preview the result before exporting.
§ 3
Why change Lottie colors?
Lottie animations exported from After Effects often use colors that don't match your product's theme. Instead of reopening the AE project, use Pillow Lottie to recolor the JSON directly — whether you're adapting for dark mode, a rebrand, or a different product surface.
Queries & corrections
Frequently asked questions
- Can I change the color of a Lottie animation without After Effects?
- Yes. Pillow Lottie extracts every color from your Lottie file and lets you replace them with live preview — no After Effects needed.
- Can I create a dark mode version of my Lottie?
- Yes. Extract all colors, swap light colors for dark ones, and preview the result instantly. Export the dark-mode version as a separate JSON file.
- Can I apply my brand palette?
- Yes. Paste CSS variables or define a theme palette and apply it across the entire animation in one step.