How to change the color of an element in Canva

You can easily change the color of graphic elements in Canva using color swatches. And just because elements are non-editable doesn't mean you can't edit their colors. You can use Canva's Duotone app to change the color of elements without a palette.

How to change the color of an editable Canva element

Changing the color of an editable SVG element in Canva is simple. You can even create these elements in external software to upload to Canva for future color changes. If you don't create an SVG in Illustrator to edit in Canva, you can use the many options available in the Canva Elements tab.

If the graphic you selected is editable, follow the steps below to change its color.

Step 1: Select an element from the Elements tab

Once you've selected an element, it will appear on your artboard. You can resize it, move it around the artboard, or change the layers in your Canva design to add some dimension to your work.

With the element placed where you want it, you can change the color of that element to better match the color scheme of your design.

Step 2: Select your element to display the Color Palette

How to change the color of an element in Canva
Editable Canva Elements with Color Palette

Select a graphic element on your artboard. If a color palette appears above the toolbar, it means the element is an SVG and can be edited with a new color.

The element's base color will appear as a palette with square color swatch options above the artboard - one color per square. Some squares can be the same color, meaning that two or more areas of the image can be edited even if the creator intended them to be the same color.

Step 3: Change Color Swatch

How to change the color of an element in Canva
Canva element with red color tone

To change any element's color, select the square swatch whose color you want to change. Once selected, a color tab will appear on the left side of the artboard, giving you a variety of options for changing the color.

You can use the color picker, type or paste a HEX code, or use a predefined color palette. Change the color to any color swatch you want, as many times as you want. The original palette will remain on the colors tab under Document Colors if you want to go back to it.

Unfortunately, you cannot save your newly colored graphic element. The color will revert to its original color the next time you use it.

How to change the color of a non-editable Canva element

Most of Canva's graphic elements are SVG, but if you choose one where color swatches don't appear, you'll have some extra trouble editing colors since the file type doesn't support direct editing.

Step 1: Select the element from the Elements tab

How to change the color of an element in Canva
Canva element with image editing options

Since you can't tell from the Elements tab what format an element is in, you'll have to select an element and open it in your artboard. If the swatches don't appear, then it's a non-SVG element.

However, you can still edit the color of elements by following these steps - this technique applies to non-editable graphic elements and images, and can also be applied to editable elements.

Step 2: Find and select the Duotone effect

How to change the color of an element in Canva
Duotone app in Canva image editing options

Select an element on your drawing and select Edit Photo or Edit Image which will appear instead of a color swatch for editable elements.

If you selected Edit Photo , select Effects in the left panel. Then scroll down to fx Effects and select Duotone .

If you select Edit Image , the menu will be different. Scroll down to the You may also like section , where you'll find Duotone along with a bunch of other Canva apps. Alternatively, you can type "Duotone" into the search bar.

Duotone is a photo editing technique that uses two colors to color an image. It is traditionally used in lighting or editing for traditional photography. You can create a similar duotone effect in Adobe Photoshop.

Step 3: Edit colors with Duotone

How to change the color of an element in Canva
Duotone Color Options in Canva

In most cases, using Duotone won’t change colors as precisely as the palette option for editable elements, its success depends on the original element or image color. But when you’re working with non-editable elements, Duotone can be a lifesaver for color correction.

You can choose from over 20 duotone color options. Selecting a preset will apply it to your element as a color tone. When selected, it will colorize your image with the two selected colors mixed together.

Step 4: Use Duotone controls for color accuracy

How to change the color of an element in Canva

After selecting any Duotone preset, you can change the controls for more precision. While these controls may not allow you to precisely recolor your element, they can give you a more desirable result.

How to change the color of an element in Canva

The Duotone controls include Highlights and Shadows color swatches as well as an Intensity slider . The Intensity slider allows you to more or less display the element's original color, and the color swatches determine the color your element changes to.

How to change the color of an element in Canva

While this may not be the perfect way to change the color of a Canva element, it can be a great help when the color palette isn't a usable option.

Leave a Comment

Suggestions for perfect thank you cards for every special moment in life

Suggestions for perfect thank you cards for every special moment in life

Canva makes it easy to create personalized cards that you can share online with friends or clients. Here are some of the best thank you card templates on Canva.

What is the best AI photo background remover?

What is the best AI photo background remover?

People spend too much time manually removing backgrounds, and AI isn't always the magic it claims to be.

How to Use Canva AI to Create Business Cards

How to Use Canva AI to Create Business Cards

You can use Canva's Magic Design, Magic Media, Magic Write, and Canva Print for your business card project.

7 best apps to insert text into photos on your phone, many fonts and colors

7 best apps to insert text into photos on your phone, many fonts and colors

Writing on photos is a much better way to convey messages and express love than regular photos, which do not allow text to be inserted into the photo. Usually, photo editing applications on phones provide the feature of writing on photos with many unique fonts and styles.

How to Use Canva and ChatGPT to Create Mass Content Designs

How to Use Canva and ChatGPT to Create Mass Content Designs

Along with ChatGPT, this tutorial will show you how the Bulk Create app works in Canva. You'll be amazed at how you can create a month's worth of content in just a few minutes.

4 Websites to Create Free Valentines Day Cards

4 Websites to Create Free Valentines Day Cards

Instead of spending money on expensive greeting cards this Valentine's Day, why not send a fun and heartfelt e-card for free?

How to use Canva Mobile to edit videos on your smartphone

How to use Canva Mobile to edit videos on your smartphone

Whether creating Reels or editing videos for YouTube, Canva is a great mobile app for assembling footage on your smartphone.

How to Create a Table in Canva

How to Create a Table in Canva

Creating a table in Canva is not difficult. This article will guide you in detail on how to draw a table in Canva.

Things You May Not Know About Canva Print

Things You May Not Know About Canva Print

Designing and printing has never been easier or more fun with Canva Print. Here are some fun facts about Canva Print.

Canva, Word or Google Docs for Creating a Better Resume?

Canva, Word or Google Docs for Creating a Better Resume?

Creating a standout resume is essential. Canva, Microsoft Word & Google Docs are three popular options. But which one is best for you?

Explore the Disney collection in Canva

Explore the Disney collection in Canva

Step into the wonderful world of Disney with the collection available on Canva. Add charm to your designs with classic Disney characters and your favorite templates.

How to ensure accurate color printing when using Canva

How to ensure accurate color printing when using Canva

Ensuring color accuracy is important for high-quality printed materials. This guide takes you step-by-step through achieving color accuracy when printing designs created in Canva.

How to Convert Canva Slides to PowerPoint

How to Convert Canva Slides to PowerPoint

Need to use your Canva presentation in PowerPoint? Here's how to convert your Canva slides to PowerPoint in just a few clicks.

How to Group (and Ungroup) Elements in Canva

How to Group (and Ungroup) Elements in Canva

If you need to move elements around your Canva artboard, group them. Grouping elements in Canva not only saves time, but also keeps your designs spaced correctly.

How to Fix Microsoft Teams Error K Security

How to Fix Microsoft Teams Error K Security

Struggling with Microsoft Teams "Error K" Security? Follow our step-by-step guide to fix it quickly—no tech expertise needed. Get back to seamless collaboration today!

How to Fix Microsoft Teams Update Error 0x80070002

How to Fix Microsoft Teams Update Error 0x80070002

Struggling with Microsoft Teams Update Error 0x80070002? Discover step-by-step fixes to resolve it quickly. Clear cache, repair files, and get back to seamless updates today!

Solving Microsoft Teams Web Error Browser Login

Solving Microsoft Teams Web Error Browser Login

Tired of Microsoft Teams "Web Error" blocking your browser login? Follow our step-by-step guide with proven fixes to resolve Teams web login issues fast and securely. Get back to work!

How to Fix Microsoft Teams Error O Offline

How to Fix Microsoft Teams Error O Offline

Stuck with Microsoft Teams "Error O" Offline? Discover proven, step-by-step fixes to get back online fast. Clear cache, restart, and more – no tech skills needed!

Where is Microsoft Teams in Outlook? Locating the Missing Icon

Where is Microsoft Teams in Outlook? Locating the Missing Icon

Frustrated by the missing Microsoft Teams icon in Outlook? Learn exactly where to find it, why it disappears, and proven steps to restore it for effortless meetings. Updated for the latest versions!

Solving Microsoft Teams Windows 10 Error Login Issues

Solving Microsoft Teams Windows 10 Error Login Issues

Struggling with Microsoft Teams "Windows 10 Error" login issues? Get instant fixes for cache clears, updates, and more. Step-by-step solutions to solve Microsoft Teams login error on Windows 10 fast and frustration-free.

Solving Microsoft Teams Website Error Tab Not Loading

Solving Microsoft Teams Website Error Tab Not Loading

Tired of the frustrating Microsoft Teams "Website Error" where tabs won’t load? Get step-by-step fixes to resolve it quickly and boost your productivity. Essential troubleshooting for seamless Teams experience.

How to Fix Microsoft Teams Web Error 503 Service Unavailable

How to Fix Microsoft Teams Web Error 503 Service Unavailable

Tired of the frustrating Microsoft Teams "Web Error" 503 Service Unavailable? Discover proven, step-by-step fixes for Teams 503 error on web. Get back online fast with our expert guide. Works on all browsers!

How to Fix Microsoft Teams Win 7 Error Compatibility

How to Fix Microsoft Teams Win 7 Error Compatibility

Struggling with Microsoft Teams "Win 7 Error" compatibility? Discover step-by-step fixes to restore seamless video calls and chats on unsupported Windows versions. Quick, reliable solutions inside!

Troubleshooting Microsoft Teams Breakout Rooms License Errors

Troubleshooting Microsoft Teams Breakout Rooms License Errors

Master troubleshooting Microsoft Teams Breakout Rooms license errors with this step-by-step guide. Quick fixes for common license issues, admin checks, and prevention tips to get your meetings running smoothly.

How to Fix Microsoft Teams Version History Error

How to Fix Microsoft Teams Version History Error

Struggling with Microsoft Teams "Version History" Error? Discover proven, step-by-step fixes to restore access instantly. Clear cache, update Teams, and more—no tech skills needed!

Solving Microsoft Teams Joining Error: Meeting ID Not Found

Solving Microsoft Teams Joining Error: Meeting ID Not Found

Tired of the frustrating Microsoft Teams Joining Error: Meeting ID Not Found? Get step-by-step fixes to rejoin meetings fast. Updated with the latest Teams patches for seamless collaboration. Solve it now!

Troubleshooting Microsoft Teams Video Error Green Screen

Troubleshooting Microsoft Teams Video Error Green Screen

Struggling with Microsoft Teams "Video Error" green screen? Discover proven, step-by-step troubleshooting fixes for seamless video calls. Quick solutions inside!

How to Fix Microsoft Teams How Teams Works Tutorial Error

How to Fix Microsoft Teams How Teams Works Tutorial Error

Struggling with the Microsoft Teams "How Teams Works" Tutorial Error? Discover proven, step-by-step fixes to resolve it quickly. Clear cache, update, and more for seamless onboarding. Works on latest versions!

How to Fix Microsoft Teams Error Today on Windows 10

How to Fix Microsoft Teams Error Today on Windows 10

Tired of the frustrating Microsoft Teams "Error Today" on Windows 10? Discover proven, step-by-step fixes to resolve it quickly and restore smooth teamwork. No tech skills needed!