Yes, QR Codes Can Be Colored

Phone cameras read QR codes by contrast, not by color. As long as the dark squares stay clearly darker than the background, the code scans - whether the "dark" is black, deep navy, forest green, burgundy, or charcoal. That gives you real room to design.

What kills colored QR codes is low contrast: pastel-on-white, yellow on anything, light blue on cream. The scan fails before it starts, and customers move on. EZQR's custom QR code generator lets you preview the colors live as you adjust, so the design choice and the scan reliability stay in sync.

Make a Colored QR Code (Free, No Signup)

EZQR's custom QR code generator handles solid colors, gradients (linear or radial), separate colors for the corner frames and centers, and a transparent background - all on one page. No account, no watermark, no expiry. The code it produces is a static QR that keeps working as long as the link does.

  1. Open the custom QR code generator. Free, no signup. Color, shape, and logo controls all in one place.
  2. Pick a dark foreground and a light background. Dark navy, deep green, burgundy, or charcoal on white scans reliably. Avoid yellow, light blue, or pastel pink for the foreground - they read as low-contrast and fail.
  3. Apply your brand colors. Set the foreground (the dots) to your brand color and the background to white or a very pale tint. Optional: add a gradient or color the corner frames separately. Preview updates live.
  4. Download as SVG for print or PNG for screen. SVG keeps the colors sharp at any size - best for posters, packaging, or signage. Toggle a transparent background if you want to drop the QR onto an existing design.
  5. Test scan distance on both iOS and Android. Stand at the distance customers will actually scan from. If either phone struggles, increase contrast or scale the code up.

Color Combinations That Work (and Ones That Don't)

Combination Scans? Why
Dark navy on white Yes Strong contrast, brand-friendly for finance, tech, professional services.
Forest green on cream Yes Warm, organic feel - works for outdoor, hospitality, wellness brands.
Burgundy on white Yes Deep red is dark enough for reliable scanning, distinctive on print.
Black on bright orange Usually Works at print sizes, but test under low light - orange can dull on cheap paper.
Yellow on white No Effectively zero contrast. The camera can't tell the squares apart from the background.
Light gray on white No Modern-looking, but the contrast is too low for reliable scanning.
White on dark navy (inverted) Sometimes Works on newer phones (iOS 14+ and modern Android cameras). Older phones may struggle. Test before printing at scale.

Which QR Code Colors Work? A Color-by-Color Guide

The question isn't really "can a QR code be colored" - it's whether your color is dark enough. Here's how the common ones behave when used as the QR pattern on a white or near-white background:

  • Navy, black, and charcoal - safest. Maximum contrast. A dark navy QR code looks more designed than pure black and carries no scan risk at all.
  • Purple, burgundy, and forest green - reliable. Dark enough at full saturation. These are the workhorse brand colors for a colored QR code that still scans first try.
  • Dark blue and deep teal - reliable. Both sit well below the brightness of white paper, so the camera separates the squares cleanly.
  • Red and orange - usually fine, test first. An orange QR code works at poster size but dulls on uncoated stock. Print a proof and scan it before committing to a run.
  • Gray and grey - depends on the shade. Dark gray scans; light gray on white does not. If you can comfortably read body text in that gray, the code will scan.
  • Yellow, light blue, and pastel pink - don't. A yellow QR code on white is effectively invisible to a camera. If yellow is your brand color, put it in the background and keep the pattern dark.
  • Multicolor and rainbow - only via gradient. A multicolor QR code works when every color in the gradient stays dark. The moment one band goes pale, that region of the code stops resolving.

Choosing a QR Code Color Palette

A QR code color palette needs exactly two things: one dark tone for the pattern and one light tone for the background. Everything else - gradients, separately colored corner frames, a logo - sits on top of that foundation. Pull the darkest color in your brand palette for the pattern and the lightest (or plain white) for the background, and the code will scan.

If your brand has no dark color, don't force a pale one into the pattern. Use charcoal or navy for the code itself and carry the brand palette in the surrounding design - the frame, the caption, the "scan me" label. The code reads as part of the palette without gambling the scan on it.

Setting the QR Code Background Color

The QR code background color has as much say in whether a code scans as the pattern does. White is safest, but any pale tint works - cream, blush, pale mint, light sand. What matters is the gap between background and pattern.

The custom QR code generator also offers a transparent background, which is what you want when dropping the code onto an existing design. One caution: transparent means the code inherits whatever sits behind it, so make sure that surface is light and uncluttered. A transparent QR over a photograph is the most common way a technically valid code ends up unscannable in the wild.

How do I design a QR code for a dark background?

Invert it: light pattern on the dark background. Set the QR pattern to white or a very pale tint and the background to your dark brand color. Inverted codes scan on iOS 14+ and modern Android cameras, but older phones can struggle, so this is the one case worth testing on the oldest phone you can find before printing at scale. If the audience skews older or the print run is large, the safer route is a light panel behind the code - keep the QR dark-on-light and let the dark background surround that panel.

Can a QR code be white on a black background?

Yes - a white QR code on a black background is the inverted case above, and it's the usual answer for a dark-mode layout or a black product box. It scans on modern phone cameras precisely because the contrast is still high; what breaks a code is low contrast, not which end is dark. The catch is that some older readers assume dark-on-light and give up on an inverted code, so white-on-black costs you a slice of your audience that plain black-on-white doesn't. Use it when the design genuinely calls for it, test on the oldest phone you can find, and if the print run is large, put the code in a light panel instead.

Where Colored QR Codes Make a Difference

Branded Marketing Materials

QR matches your campaign palette instead of clashing as a black square in the middle of your design.

Wedding Invitations & Programs

QR in your wedding palette - burgundy, forest, navy, dusty rose - instead of a hard black square breaking the aesthetic.

Restaurant Menus

QR in your restaurant's brand color so the table tent feels designed, not improvised.

Product Packaging

Colored QR matches the rest of the packaging, integrating into the design rather than fighting it.

Event Signage

QR in event colors keeps lanyards, posters, and stage signage looking like one campaign.

Print Ads & Magazines

A colored QR sits inside the ad's design system. Black-on-white feels like a paste-in.

When You Also Want to Edit the Destination Later

The free custom generator produces static QR codes - the destination URL is baked into the pattern. If you only need to make a link into a QR code free with no follow-up changes, that's all you need. Perfect when the link is permanent: a vCard, your homepage, a long-term landing page.

If you might want to change the destination later without redesigning or reprinting the colored asset, you need a dynamic QR code, which is an EZQR account feature. Same colored design, repointable to a new link any time, with per-code scan analytics for free along the way.

Best Practices for Colored QR Codes

  • Aim for at least a 4:1 contrast ratio. Same minimum that web accessibility guidelines (WCAG) use for text. If you can read body text in those colors, the QR code will scan.
  • Keep the background lighter than the foreground. Inverted (light on dark) works on most modern phones, but adds risk - don't invert unless you really need to.
  • Convert to CMYK before commercial print. RGB blues and oranges can shift surprisingly far in CMYK. Get a proof from your printer and re-test scanning on the proof.
  • Use a gradient on the background, not the QR pattern. Gradients on the dots themselves confuse contrast detection in mid-range. If you want a gradient feel, gradient the background and keep the dots a solid dark color.
  • Test on cheap paper too. Newsprint and uncoated stock dull colors. A QR that scans on glossy photo paper might fail on a flyer.

Common Questions

Can a QR code be any color?

Almost any color, yes - as long as the pattern stays darker than the background. Phones read a QR code by contrast, not hue, so dark navy, forest green, burgundy, purple, or charcoal all scan reliably on a light background. The colors that fail are low-contrast ones - yellow, pale pastels, or light gray on white - where the camera can't tell the squares apart from the background.

Can QR codes be different colors?

Yes. You can set the QR pattern to one brand color and the background to another, color the corner frames separately, or apply a gradient across the code. The custom QR code generator shows a live preview so you can see immediately whether a color combination keeps enough contrast to scan.

Do QR codes work in different colors?

Yes - QR codes work in different colors as long as each one stays dark against a light background. The scan is driven by the brightness gap, not the hue, so swapping black for navy, green, burgundy, or purple changes nothing about how reliably the code reads. Only low-contrast choices break it.

Can QR codes be colored?

Yes. Coloring a QR code is a normal, supported design change, not a hack - the specification only requires that the dark modules stay darker than the light ones. Custom coloring QR codes to match a brand is exactly what the custom QR code generator is for: pick the pattern color, the background color, and optionally a gradient or separate corner colors.

Is there a QR code color changer for a code I already have?

Recoloring an existing QR image in a photo editor is a bad idea - you'll fight anti-aliased edges and usually end up with a code that scans inconsistently. Regenerate it instead. Paste the same link into the custom QR code generator, set your colors, and download a clean SVG. The pattern is identical, so anything already pointing at that link keeps working.

Do I need a CMYK QR code for professional printing?

Your printer will want CMYK, but you don't need a special CMYK QR code - you need to convert the color and re-check it. Download the SVG, convert it to CMYK in Illustrator or your print tool, and look at the result: RGB blues, greens, and oranges can shift noticeably once converted, and a color that was comfortably dark in RGB can come back lighter. Get a physical proof from the printer and scan the proof, not the screen.

How do I change a QR code's colors and keep it scannable?

Open the custom QR code generator, set a dark foreground and a light background, and keep the contrast high (aim for the 4:1 ratio WCAG uses for body text). Color the background or the corner frames rather than fading the pattern itself, download an SVG for print, and test-scan on both an iPhone and an Android before printing at scale. Follow that and you can recolor a QR code to match your brand without breaking the scan.

Is the colored QR code generator really free?

Yes. Our custom QR code generator is free, no account, no watermark, no expiry. You can pick any solid color or gradient, color the corner frames separately, toggle a transparent background, and add a logo or "scan me" caption - all without signing up.

Will a colored QR code scan as well as black-on-white?

If the contrast is high (dark color on light background, or vice versa), yes - the scan reliability is identical. Phones don't care about color, they care about the brightness difference between the squares and the background.

What's the safest "branded" color for a QR code?

Dark navy or charcoal on white. Both keep maximum contrast, look more polished than pure black, and work in almost every brand palette. If your brand color is darker than navy when printed, that works too.

Can I make a QR code with two colors or a gradient?

Yes - the custom QR code generator supports linear and radial gradients, plus separate colors for the corner frames and centers. Used carefully, this looks great. Live preview shows you immediately if a combination breaks the contrast.

Can a QR code be any colour?

Almost any colour, yes - as long as the pattern stays darker than the background. Phones read a QR code by contrast, not hue, so dark navy, forest green, burgundy, purple, or charcoal all scan reliably on a light background. The colours that fail are low-contrast ones - yellow, pale pastels, or light grey on white - where the camera can't tell the squares apart from the background.

How do I make a coloured QR code in my brand colours?

Open the custom QR code generator, set the pattern to your brand colour and the background to white or a very pale tint, and keep the contrast high. You can colour the corner frames separately or add a gradient on the background. The live preview shows you immediately whether a coloured QR code still has enough contrast to scan, so you can download an SVG for print with confidence.

Do QR codes work in different colours?

Yes - QR codes work in different colours as long as each one stays dark against a light background. The scan is driven by the brightness gap, not the hue, so swapping black for navy, green, burgundy, or purple changes nothing about how reliably the code reads. Only low-contrast choices break it.

Can QR codes be coloured?

Yes. Colouring a QR code is a normal, supported design change, not a hack - the specification only requires that the dark modules stay darker than the light ones. Custom colouring QR codes to match a brand is exactly what the custom QR code generator is for: pick the pattern colour, the background colour, and optionally a gradient or separate corner colours.

How do I change a QR code's colour and keep it scannable?

Open the custom QR code generator, set a dark foreground and a light background, and keep the contrast high (aim for the 4:1 ratio WCAG uses for body text). Colour the background or the corner frames rather than fading the pattern itself, download an SVG for print, and test-scan on both an iPhone and an Android before printing at scale. A coloured QR code generated that way scans exactly as well as a black one.

What background colour should a coloured QR code use?

White is safest, but any pale tint works - cream, blush, pale mint, light sand. What matters is the gap between the background colour and the pattern colour. A transparent background is also available, which suits dropping the code into an existing design, as long as the surface behind it is light and uncluttered.

Does color affect QR code error correction?

No - error correction is about pattern redundancy, not color. As long as the camera can read the squares, the code corrects errors the same way regardless of what color they are.

Why does my colored QR code work on iPhone but not Android (or vice versa)?

Different cameras have different contrast sensitivity. If a code fails on one platform, the contrast is borderline. Bump the foreground color darker, lighten the background, or scale the code up. Always test both platforms before mass-printing.