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. 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
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.
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.