A color QR code generator changes only the ink, never the data: the same link or text sits inside a blue-and-white code as it would in a black-and-white one. Matching a QR code to a logo or a print job's palette is one of the most requested customizations, and one of the easiest to get wrong, since a phone camera reads a code by contrast, not by hue. MakeQR lets you set both colors freely, decodes the result before you download it, and flags any pairing that's too close in brightness to scan reliably outdoors or on cheap paper.
Setting custom colors without losing the scan
Pick a foreground and background color
Choose the color for the small modules and the color behind them separately. A brand's primary color on white is the safest starting point for a first attempt.
Watch the contrast warning
MakeQR decodes the preview as you adjust colors and shows a warning if the two are too close in brightness. Treat that warning as a hard stop, not a suggestion to ignore.
Keep the finder squares dark on light
The three large squares in the corners are what a camera locks onto first. A light foreground on a dark background sometimes confuses older scanner apps even when the contrast check technically passes.
Test on the actual paper or screen
Colors shift when printed, especially on matte or colored stock. Print a sample or view the final file on the target screen before ordering a full run.
Download SVG for professional print
SVG keeps colors as flat vector fills a print shop can convert to spot color or CMYK exactly, instead of the banding a resized PNG can show at large sizes.
Why black on white is still the safest default
Black modules on a white background give a scanner the largest possible brightness gap, which is why it remains the default on packaging and signage worldwide. Custom colors work well as long as that gap stays wide — dark navy on pale yellow scans as reliably as pure black on white, while two mid-tone colors of similar brightness often don't, regardless of how different they look to a human eye.
Matching brand colors without guessing
Enter the exact hex value from a brand guide rather than eyeballing a shade on screen; a slightly-off shade picked by eye can shift the contrast enough to matter. If a brand's primary color is light — a pale pink or yellow — pair it with a dark neutral instead of white so the code still reads as high-contrast.
Combining color with shape and a logo
Color is one of four style settings that stack together with dot shape, corner style and an optional logo. A logo added to a colored code automatically raises error correction to level H, giving the pattern extra redundancy to make up for both the covered center and any softness the color choice introduces.
What the color doesn't change
A colored code stores exactly the same data as a black-and-white one — a URL, WiFi credentials, a vCard, plain text — encoded in the same format any scanner reads. Recoloring is entirely visual and happens after the content is already set.
https://example.comSizing a colored code for print
Lower-contrast color pairs need extra room to compensate: where a black-on-white code might scan reliably at 20mm from close range, a softer combination is safer printed a size class larger, or reserved for material viewed from further away where the width-to-distance rule already gives it more margin.
Print it at least 25 mm (2.5 cm) wide
Color choices that cause scan failures
Two colors of similar brightness
A medium blue foreground on a medium gray background can look like reasonable contrast on a bright monitor and fail under office lighting or direct sun, where brightness difference is what a camera measures, not hue.
Trusting a screenshot over the contrast warning
A code that looks fine zoomed in on a laptop can still trigger MakeQR's contrast warning, because the check measures actual color values rather than how sharp the preview appears.
Recoloring after adding a logo
Changing colors after placing a logo can quietly reduce contrast right around the logo, where the pattern already carries less redundancy. Re-check the preview whenever colors change late in the process.
Static or dynamic once the colors are set
Color has no bearing on this choice — it's purely visual. Use a static code, free and permanent, if the destination is fixed once printed. Switch to dynamic only if the link itself might need to change later; the first two dynamic codes are free forever, and the color and style settings carry over either way.
How dynamic QR codes workWhere brand-matched color pays off
- A retail storefront window sticker in the store's own accent color.
- A conference badge with a code colored to match a sponsor tier.
- Packaging where the code needs to sit inside an existing color block rather than a white box.
- A menu insert colored to match the printed card stock instead of standing out as a plain black square.