On this page
About Color Overlay
Color Overlay is a free Figma plugin with a paid upgrade ($10) published by Jaclyn Tan in 2019. It works in Figma Buzz, Figma Design, Figma Slides and FigJam and has 213,719 users and 1,376 likes on the Figma Community. It ranks #8 in Images & Stock Photos on our lists.
In the developer's words
Recolor raster images quickly and easily
Like color overlay in Photoshop - turn an image into one flat color while keeping its shape. Transparency is preserved, so cut-out logos and icons keep their silhouette.
Color Removal removes color out of an image and leaves transparency behind.
Color Replacementswaps one color in an image for another.
Tolerancedecides how closely a color has to match before it's removed or replaced.
Defringecleans the leftover color off anti-aliased edges, so a removal doesn't leave a pale halo and a replacement doesn't leave a rim of the old color.
A live preview highlights which pixels will change, and updates as you type a color, drag a slider or pick a different layer.
Non-destructive by design
Your original image is never overwritten. The recolored version is added as a new fill directly above the one it came from, and the original is hidden rather than deleted — restore it any time from Figma's Fill panel. Other fills on the layer are left untouched.
Upgrade
Applying a color overlay on a single image is always free.
Color Removal, Color Replacement, the Match Color controls, the live preview and bulk recoloring are available by upgrading the plugin.
---
♥️ If you have any feedback or suggestions please leave a comment or email me at jaclyntan02@gmail.com.
What's new
Version 35 · released Feb 23, 2025
- plugin so it now uses the native color picker
Permissions and privacy
Network access
Color Overlay declares no network access, so it runs entirely inside Figma and can't send your file anywhere.
Extra permissions
- Reads your Figma name and avatar
- Sees who else is in the file
- Sees the people who have access to the file
- Can offer paid features through Figma's checkout
Read from the plugin's published manifest.
Where Color Overlay ranks
Color Overlay alternatives
- 1
Unsplash
by Unsplash
3.8M users33KFreeInsert beautiful images from Unsplash into your designs.
- 2
Photopea
by Patrik Schiller
461K users7.4KFreeOnline Photo Editor
- 3
Pexels
by Pablo Fernandez
431K users2.9KFreeAdd completely free images to your designs directly from Pexels
- 4
Image Palette
by Matt DesLauriers
368K users5.6KFree - 5
Filter / effects
by Andreslav Kozlov
354K users4.2KFree + paid featuresModify images more than 50 different effects right in Figma!
- 6
Photos
by Emin Sinani
288K users1.1KFree + $25 upgradeSearch, generate and insert photos from various providers
Color Overlay FAQ
What does Color Overlay do?
Recolor raster images - overlay a flat color, knock out a color, or swap a color with another. It's a Figma plugin by Jaclyn Tan that runs in Figma Buzz, Figma Design, Figma Slides and FigJam.
Is Color Overlay free?
Partly. Color Overlay is free to install and use, and a paid upgrade on the Figma Community ($10 one-time) unlocks the rest.
Is Color Overlay safe to use?
Figma plugins can only reach the internet through domains listed in their manifest. Color Overlay declares no network access, so it runs entirely inside Figma and can't send your file anywhere. As with any plugin, check the developer's privacy policy before using it on client work.
How do I install Color Overlay?
Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.
What are the best alternatives to Color Overlay?
By user count, the closest alternatives are Unsplash, Photopea and Pexels. Compare all of them on the best Figma plugins for images & stock photos.
Built this plugin?
Use this page as a landing page for Color Overlay: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.
Style
Label
Size
Code
<a href="https://figmaplugins.co/plugins/color-overlay/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Color Overlay on figmaplugins.co" width="220" height="48"></a>Want it featured on figmaplugins.co? Submit it for review