How to export your logo in different colors using Canva

Filed Under:

How to change the color of your logo in Canva

If you’ve ever needed your logo in white for a dark background (or blush pink for that dreamy new promo graphic 💅), this one’s for you.

Whether your logo was created in Canva or designed elsewhere, having multiple color variations makes your brand so much more flexible. Think: white for overlays, black or charcoal for print, your brand accent color for social posts, and so on.

In this quick guide, we’ll show you how to adjust your logo colors in Canva and how to export each version correctly so it has a transparent background (no weird white boxes around your logo 🙅‍♀️).

What you’ll need

  • Your logo(s)
  • Canva Pro (required for transparent PNG export)
  • A few minutes and a latte ☕ (optional)

Step 1. Create a new Canva document

Let’s set up a blank workspace.

  1. Open Canva and click Create a design → Custom size.
  2. Enter 2000 x 2000 px for the dimensions.
  3. Click Create new design.

That size will give you plenty of resolution for most online use cases.

Pro tip: Bigger is fine (you can always scale down later).

Step 2: Import your logo(s) into Canva

Note: If your logo was designed in Canva, you can skip this step.

If it was created in another program (like Adobe Illustrator) or by a brand designer, you’ll first need to import your logo into Canva:

  1. Look for an SVG file version of your logo. This is the format that lets you change colors in Canva.
  2. If you don’t have an SVG file, reach out to your designer and ask if they can provide one. (SVGs can be easily export it from Adobe Illustrator.)
  3. Once you have the file(s), upload them through the Uploads panel in your Canva account.

Now you’re ready to adjust your logo colors directly inside Canva.

Step 3: Place your logo(s) and adjust the size

  1. Find your uploaded logos in the Upload panel, or if you created your logo in Canva, copy and paste your logos into the new canvas.
  2. If you have multiple logo versions (a primary, alternate, and mark, for example), give each one its own page so you can export them cleanly.
  3. Select each logo version and drag it to fill most of the canvas (edge-to-edge for wide logos, top-to-bottom for tall ones).

Now you’re ready to make your color variations!

Step 4: Duplicate the page and change colors

  1. Right click on the page you want to make a copy of and select Duplicate.
  2. Select the logo and change its color using the color picker in the top toolbar.

Note that the color picker will look different depending on whether you’re editing text or an SVG:


If you know your brand color hex codes (the six-digit numbers that start with a #, like #f3f3f3), you can type them right into the color search bar.

Repeat this process for as many color versions as you’d like—white, black, gray, accent color, etc.

Step 5: Export as transparent PNGs

This is the important bit! In order for your logos to be as flexible as possible, you’ll want to download them as transparent PNG files (not JPGs).

  1. Click ShareDownload.
  1. Set File type: PNG.
  2. Check “Transparent background.” (Note: This is a Canva Pro feature)
  3. (Optional) You can use Size → 2x or 3x to scale up your logos on export if needed.
  4. Choose each page you want to export and click Download.

Canva will bundle the pages into a .zip with one PNG per page.

Step 6: Verify transparency (quick check)

After unzipping:

  • Open your PNGs. If your viewer doesn’t show transparency, a fast check is to drop the PNG onto a colored background (in Canva, Figma, or even a doc).
  • Correct: the background looks invisible/see-through.
  • Incorrect: you see a solid white box behind your logo (that means transparent background wasn’t selected).

Common questions

Do I need Canva Pro? Yes—for transparent PNGs. If you’re not on Pro, consider a free trial or one month to export correctly. It’s worth it.

What size should I use for my site? For most websites, a 500–1200 px width works well for primary logos. Keep the master exports larger; you can create smaller copies as needed.

Why is my logo blurry? Usually the canvas was too small. Resize the page (or export at 2x/3x) and re-download.

Wrap-up

That’s it—you’ve now got your logo in multiple color variations, each saved as a transparent PNG that’ll look professional on any background.

Having your logo in a few different colors makes your brand so much easier to use across your website, marketing materials, and templates (and keeps everything looking cohesive ✨)

Tags:

You'll get our super fun emails that are packed full of helpful goodies. They’re good, promise. You can unsubscribe anytime. 

join the newsletter!

If you liked this,

fun & free things

Our most popular

The best stock photo resources for your website, social media, and more!

A fill-in-the-blank workbook to quickly & easily nail down your brand strategy.

Identify your brand style and use it to stand out & attract your dream clients.

Ready for a brand & website you can’t wait to show off?

View ServicesShop Templates

join the newsletter

Chaotic good energy, A+ business tips, and zero spam. Plus, get 10% off your next purchase!