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.
- Open the custom QR code generator. Free, no signup. Color, shape, and logo controls all in one place.
- 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.
- 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.
- 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.
- 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. |
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.
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.
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.