SVG Recolor
Apply palettes, adjust colors, and export recolored SVG artwork from the library or your uploads.
SVG Recolor
SVG Recolor lets you apply new color palettes to editable SVG artwork. Use it for seasonal variations, brand color tests, coordinated shop graphics, and quick niche experiments — without rebuilding the file from scratch.
Open SVG Recolor from Studio → SVG Recolor (/home/studio/svg-editor).
Recolor is not charged per run. Recoloring your own uploads is available on free accounts. Opening a library graphic in Recolor requires a paid plan.
Load a source
When no file is loaded, choose a source:
| Source | Notes |
|---|---|
| Image URL | Paste a direct link. Library CDN URLs are blocked for unsubscribed users. |
| Upload file | .svg files only |
| From uploads | Pick an SVG from your Uploads library |
| From graphics | Pick an entitled library graphic (paid plan) |
You can also arrive via deep links:
?sourceKey=— open a specific upload?graphicId=— open a library graphic
Toolbar actions
| Action | What it does |
|---|---|
| Clear | Reset the workspace |
| Reset | Undo recolor changes back to the loaded source |
| Save to library | Save the recolored SVG to Uploads |
| Export SVG | Download the recolored SVG file |
| Download PNG | Export a raster preview |
Preview workspace
| Control | Options |
|---|---|
| View tabs | Original / Recolored |
| Background | Transparent / Light / Dark |
| Zoom | Zoom out, zoom in, reset to 100% |
| Eyedropper | Click the preview to pick a color from the artwork |
| Color picker | Browser color picker when supported |
Metadata shows dimensions, color count, and the active palette name while recoloring runs.
Palettes tab
Apply and manage color palettes:
| Control | Options |
|---|---|
| Color transform | Original, Brighter, Darker, Muted, Vibrant, Monochrome, Warm, Cool |
| Mapping strategy | Nearest luminance, Luminance preserving, Positional |
| Palette resolution | As-is, 8 / 16 / 32 / 64 steps, Auto |
| Keep blacks & whites | Preserves near-black and near-white when remapping |
| Color overrides | Per-color target picker plus match range slider (0–25); clear all overrides |
Palette library sections:
- Favorites
- From image (auto-generated from the source)
- Your palettes
- Starter palettes
- Library palettes
Search and filter by tag. Actions: Apply, Duplicate, Favorite, Edit, Delete.
Edit tab
Fine-tune the active palette:
- Rename the palette
- Per-color hex picker, hex text field, lock/unlock, remove
- Add color, Shuffle (unlocked colors only)
- Brightness, Saturation, Contrast sliders (0–100) with reset
- Save palette, Update palette, New palette, Apply preview, Delete palette
Access notes
- Free users can recolor SVG files they uploaded themselves.
- Library graphics require a Pro (or equivalent) plan — the paywall appears when loading entitled library art.
- Recolor does not consume Studio credits per run.
Tips
- Preview on light and dark backgrounds — contrast that works on a white mug may fail on a black shirt.
- Lock anchor colors before shuffling so brand marks stay consistent.
- Save successful palettes to Your palettes for reuse across a product line.