How to Make a Colored QR Code With a Logo

A plain black-and-white QR code works, but it looks generic and a little untrustworthy. A code in your brand colors with your logo in the middle looks intentional, professional, and worth scanning. The good news is that you can have both — beauty and reliability — if you respect a few technical limits. This guide explains why branded codes still work and exactly how to design one that scans on the first try.

Why a branded QR code still scans

QR codes include a feature called error correction. The encoder deliberately adds redundant data so the code can still be read even if part of it is dirty, scratched, or covered. There are four levels — Low (about 7%), Medium (about 15%), Quartile (about 25%), and High (about 30%) — referring to how much of the code can be lost while remaining readable.

This is the secret behind logos. Because High error correction tolerates roughly 30% damage, you can place a logo over the center and the scanner reconstructs the missing data from the redundancy elsewhere. The trade-off is that higher error correction makes the code slightly denser, but for a branded code that is a worthwhile exchange. If you want the background on how the format works, see what is a QR code.

Color and contrast rules

Color is where most branded codes go wrong. Scanners read a QR code by distinguishing dark modules from a light background, so contrast is everything. Follow these rules:

• Dark on light. Use dark modules on a light or white background. This is what every scanner expects.
• Do not invert. Light modules on a dark background (light-on-dark) confuse many scanners. Avoid it unless you have tested it exhaustively.
• Keep enough contrast. A dark navy or deep brand color on white is fine. A pale pastel on white is not — the scanner cannot tell the modules from the background.
• Mind print and screens. Colors look different on paper than on screen; what passes on a monitor may fail when printed.

Adding a logo without breaking it

A center logo is the most popular branding touch, and it is safe if you keep it modest. Place the logo in the center, where covering modules costs the least, and keep it to roughly 20–30% of the code area. Pair that with High error correction so the redundancy can absorb the covered modules.

Give the logo a small clear gap from the surrounding modules so it does not bleed into the data, and avoid covering the three large corner squares (the position markers) — those are essential for the scanner to find and orient the code. A simple, high-contrast logo works far better than a busy one. When in doubt, smaller is safer.

Step-by-step

You can build a branded code with most modern tools, including the free QR code generator. The workflow is the same wherever you make it.

1. Create the base code from your URL or other content first, so the data is correct.
2. Set error correction to High. This buys you the tolerance a logo needs.
3. Apply your brand color as dark modules on a light background, keeping contrast strong.
4. Add your logo in the center at about 20–30% size, clear of the corner markers.
5. Export at high resolution. Use SVG for print so the code and logo stay crisp.
6. Test on several phones — iOS and Android, in real lighting and at the size you will print — before any run.

Common mistakes

• Low contrast colors. Pale or similar-toned color pairs are the number one reason branded codes fail.
• Inverting the code. Light-on-dark looks slick but trips up many scanners.
• An oversized logo. Covering more than about a third of the code overwhelms even High error correction.
• Covering the corner markers. The big squares must stay clean or the scanner cannot locate the code.
• Skipping the test. A code that scans on your phone may fail on others — always check a few.
• Printing too small. Detail and logo both need physical space; give the code room.

Branding a QR code is mostly about restraint. Strong contrast, a modest logo, high error correction, and a real test — get those four right and your code will look like your brand and still scan every time.

Frequently asked questions