QR codes don't have to be black and white. You can use any color — as long as you follow one critical rule: maintain enough contrast between the dark modules and the light background.
The One Rule: Contrast
Phone cameras read QR codes by detecting the difference between dark and light areas. The greater the contrast, the easier and faster the scan. Low contrast = scanning failures.
Minimum contrast ratio: aim for at least 4:1 between the QR modules (foreground) and the background. In practice, this means the modules should be dark and the background should be light.
What Works
Dark modules on light background. This is the universal rule. Dark blue on white, dark green on cream, black on yellow, dark purple on light gray — all work reliably.
Brand color as modules. Your primary brand color (if dark enough) can replace black. This creates a branded QR that's visually cohesive with your materials.
Warm backgrounds. Cream, ivory, light yellow, and light peach work well as alternatives to pure white. They add warmth without sacrificing contrast.
What Doesn't Work
Light on dark (inverted). White modules on a black background. Some modern phones handle this, but many older devices and some scanning apps fail. If you must go dark background, test extensively. Better yet, avoid it.
Light on light. Yellow on white, light gray on white, light pink on cream. These have almost no contrast — cameras can't distinguish the modules.
Neon/fluorescent colors. Bright neon green, hot pink, electric blue — these look vivid to the human eye but can confuse camera sensors, especially under artificial lighting.
Gradients on modules. A gradient that goes from dark to light across the QR means some modules are high-contrast and others aren't. The light areas may fail to scan.
Multicolor modules. Each module a different color creates inconsistent contrast. Stick to one module color.
Color for Different Contexts
Business cards: Match your brand palette. Dark brand color + white/cream background.
Restaurant menus: Warm tones work well. Dark brown or dark green on cream for an organic feel.
Tech/digital products: Dark blue or dark purple on white for a clean, modern look.
Luxury brands: Dark charcoal or dark navy on off-white or light gold. Subtle but sophisticated.
Events/festivals: Bold, high-energy colors. Just keep modules dark — dark red on white, dark orange on light yellow.
Can QR Codes Be White?
White modules on a dark background (inverted QR) are technically possible but unreliable. If your design requires a dark background, place a light-colored rectangle behind the QR code rather than inverting the colors. This is more reliable than hoping all phones handle inverted scanning.
Corner Colors
Some QR generators (including qree.app) let you set a different color for the corner squares (finder patterns). A popular approach: brand accent color for corners, neutral dark for the body modules. This adds visual interest while keeping the code scannable.
Testing Is Non-Negotiable
Every time you use custom colors, test the QR code by scanning it with at least two different phones under different lighting conditions — daylight, artificial light, dim light. What looks scannable on your screen may behave differently when printed or displayed in a different environment.
Create Colored QR Codes
At qree.app, customize QR colors, corner colors, dot styles, and more. Preview in real-time to ensure your design scans reliably.