Create A Color Palette From A Photo In Adobe XD

In todays video tutorial I’m going over how to create a color palette from a photo using Adobe XD. This is great if you’re trying to create a color palette and are using an image or photograph as your source of inspiration. You can pull out the colors from the image and add them to your desired creation. There are other platforms that help you do this like Squarespace, but if you don’t have that, you can also use Adobe XD to do it! 

Affiliate Disclaimer: Please note this post contains affiliate links. If you go through them to make a purchase, I will make a commission at no cost to you. Thanks for your support!

what’s Adobe xd?

In case you haven’t heard about my love for Adobe XD, you can read about it here. Honestly, Adobe XD is one of my favorite new design tools and I’ve been using it for almost everything business related at this point. It was made primarily for web apps and protoyping, which is how I started. But you can also use if for social media graphics, templates, mockups, etc. If you don’t have Adobe XD, you can get it here for free!


Watch the video for How To Create A Color Palette From A Photo In Adobe XD below:

Here are the steps to create a create a color palette from a photo in Adobe XD.

1. Open up Adobe XD

2. Choose your desired image and drag and drop it into Adobe XD

3. Create a new shape of your choice and/or select the element you want to change the color on

4. Click the element & Select the eyedropper tool next the ‘Fill’ option located on the lower right hand side of the file 

5. Hover over the color in the image you want with the eyedropper tool and click the area

6. This will automatically change the fill color of the selected element to the color in the image 

7. You can do the same with the border fill if you’d like

8. Repeat steps 4-7 until all your colors have been selected 

9. Enjoy your new palette!



Don’t Forget To

Pin Your Favorite

Hey, I’m Marci

I’m the web designer & developer and the woman behind Dragonfly Ave. I love sharing resources, tutorials, biz tips and so much more. Hope you enjoy!

Browse Categories






Shop Website Templates


Pin It on Pinterest