A plain black-and-white QR code works fine functionally, but it looks like an afterthought stuck onto otherwise carefully designed marketing material. Branded QR codes close that gap, matching a code's colors and adding a small logo so it feels like a deliberate part of the design rather than a barcode bolted on at the last minute. Getting this right is mostly about understanding a few technical constraints that determine whether a customized code still scans reliably. This guide covers color choices, logo placement, and the testing habits that keep a branded QR code both attractive and functional.
Why plain black-and-white isn't your only option
QR codes are read by contrast, not by any requirement for a specific color. A scanning camera looks for the pattern of dark and light modules and decodes the underlying data from that pattern, which means any dark color on any sufficiently light background can work just as well as pure black on white, as long as the contrast between the two remains strong.
This opens the door to matching a code's foreground color to a brand's primary color, and its background to a brand's neutral tone, so the code visually belongs with the rest of a flyer, business card, or packaging design rather than standing out as a generic add-on. A well-matched color scheme can make the difference between a code that looks integrated and one that looks like a sticker.
The key constraint to keep in mind throughout is contrast, not color itself. Two colors that are technically different but similarly light or similarly dark will confuse a scanning camera regardless of how good they look next to each other on screen, which is why the next section focuses specifically on that distinction.
Choosing colors that keep contrast high
The safest approach is a dark foreground color against a light or white background, mirroring the black-on-white default that QR codes were designed around. A deep navy, forest green, or dark brand color on white or a very light tint of the brand's secondary color will almost always scan as reliably as pure black on white, while still looking distinctly on-brand.
Avoid pairing two mid-tone colors, such as a medium blue foreground on a medium gray background, even if they look fine to a human eye on a bright screen. Scanning cameras, especially older phone models or codes viewed under poor lighting, need a strong light-versus-dark distinction to lock onto the pattern quickly, and mid-tone combinations are the most common cause of a code that scans slowly or not at all.
Inverted color schemes, where the background is dark and the foreground pattern is light, are technically possible but considerably riskier and not recommended for anything printed at a small size or displayed on a low-quality screen. If a brand's palette leans dark, it's generally safer to use a dark foreground on a lighter neutral background rather than trying to invert the whole code.
Adding a logo without breaking the scan
A small logo placed in the center of a QR code is one of the most effective ways to make a code instantly recognizable as belonging to a specific brand, and QR codes are built with enough error correction to tolerate a modest obstruction in the middle without losing the ability to decode. This is why center-placed logos are the standard approach rather than logos placed at a corner or edge.
The key word is modest. A logo that covers too much of the code's central area can eat into the data pattern enough that scanning becomes unreliable, particularly for codes encoding longer text like a full URL with tracking parameters, since longer content already uses more of the available pattern space with less room to spare. Keep the logo small relative to the overall code size, and favor simple, recognizable marks over detailed or busy artwork that won't read clearly at a small size anyway.
After adding a logo, treat it as a design change that requires the same testing as any other, not something that can be assumed to work. Scan the resulting code with several different phones if possible, since camera quality and scanning app behavior vary, and confirm it decodes quickly and correctly before committing to a print run.
Sizing and placement in the final layout
A branded QR code needs to be large enough, relative to the expected scanning distance, for a camera to resolve every module cleanly. As a rough guide, a code meant to be scanned from a foot or two away, like on a table tent or product label, should be printed at roughly an inch square or larger, while codes meant to be seen from further away, such as on a storefront window or billboard, need to scale up proportionally with viewing distance.
Leave a clear quiet zone, an empty margin of at least a few millimeters, around the entire code, even when it's embedded in a busy design. Placing text, images, or decorative borders too close to the code's edge is one of the more common design mistakes, and it interferes with a scanning camera's ability to first locate the code before it even attempts to read the pattern inside.
When placing a branded code within a larger design, resist the temptation to shrink it to fit awkwardly into a corner just to preserve other layout elements. If space is genuinely tight, it's usually better to redesign the surrounding layout to accommodate a properly sized code than to ship a code so small it frustrates anyone trying to scan it.
Matching the destination to the branding
A branded QR code sets an expectation, and that expectation should be honored by where the code actually leads. If a code looks polished and clearly belongs to a specific business, but scanning it dumps someone onto a generic, unbranded page or an unrelated third-party link, the mismatch undercuts the trust the design was meant to build in the first place.
Wherever possible, point branded codes to destinations that carry the same visual identity, whether that's a branded landing page, a business's own website, or a digital business card styled to match. This consistency reassures anyone scanning the code that they've landed somewhere legitimate, which matters increasingly as people become more cautious about QR codes due to scam concerns.
If the destination is something simple like Wi-Fi credentials or a contact card rather than a webpage, the branding still matters, since the code itself, complete with color and logo, is often the only visual cue someone has before scanning that confirms it's associated with your business rather than an unfamiliar or potentially unsafe source.
Testing across real-world conditions
A branded code that scans perfectly on a laptop screen under good lighting can behave very differently once it's printed on matte paper, displayed under fluorescent store lighting, or viewed at an angle by someone walking past. Before finalizing any design, test the actual printed or displayed version, not just the digital preview, since ink absorption, paper texture, and screen glare can all subtly reduce contrast.
Test at the distance and angle the code will realistically be scanned from in its intended location, not just holding it directly in front of the camera. A code on a wall poster is often scanned from an angle by someone walking by, rather than straight-on, and codes that only work when scanned perfectly perpendicular tend to frustrate real users.
Finally, test with more than one phone if at all possible, ideally including at least one older or lower-end device, since camera quality and QR scanning software vary meaningfully across the range of phones people actually carry. A design that only works reliably on the newest flagship phones will underperform in the real world where most scans come from a mix of device ages and qualities.
Keeping it simple when in doubt
It's tempting to push branding as far as possible, layering colors, a logo, and decorative shapes all at once, but every additional customization is another variable that can reduce scan reliability, especially when combined. If a design isn't scanning consistently after adding several elements at once, the fastest way to diagnose the problem is to remove customizations one at a time and retest, rather than guessing which change caused the issue.
For most everyday business needs, a well-chosen brand color and a small, simple logo deliver the vast majority of the visual benefit of a fully custom code, without pushing scan reliability to its limits. Save more elaborate customization for situations where a design professional can properly test the result, such as a flagship print campaign, rather than every small internal or promotional use.
When scan reliability and brand polish genuinely conflict, prioritize reliability. A perfectly on-brand code that a meaningful percentage of people can't scan defeats the entire purpose of using a QR code in the first place, no matter how good it looks sitting on the page.
Frequently asked questions
What's the safest color combination for a branded QR code?
A dark foreground color on a white or very light background gives the most reliable results, closely mirroring the standard black-on-white contrast QR codes were designed around. Avoid pairing two similarly light or similarly dark colors together, since that reduces the contrast a scanning camera needs to read the pattern.
Will adding a logo to my QR code make it stop working?
Not if the logo is kept modest in size and placed in the center, since QR codes include built-in error correction specifically to tolerate a small central obstruction. Always test the final version with a real phone before printing at scale, though, since logo size and code content length both affect how much obstruction is safe.
How big should a printed branded QR code be?
Size should scale with expected scanning distance. A code meant to be scanned up close, like on a table or product label, works well around an inch square, while codes meant to be seen from further away, such as storefront windows or large signage, need to be proportionally larger.
Should the destination page match the QR code's branding?
Yes, ideally. A branded, polished-looking code that leads to a generic or unrelated page undercuts the trust the design is meant to create, and consistent branding between the code and its destination reassures people that the code is legitimate.