A custom QR code can match your brand identity without giving up scan reliability — if you stay within the design rules that phone cameras require. QRSync gives you full control over color, style, and presentation, with smart defaults that prevent unreadable outputs.
This page covers what’s customizable, what to consider when designing, and which choices are safe vs risky.
What you can customize
Foreground color. The “dark” modules of the QR pattern. Any color you can pick, as long as it’s significantly darker than your background.
Background color. Either a solid color or fully transparent. Light tones (white, cream, pale yellow) work best for typical “dark foreground” designs.
Dot style. Four options:
- Square — classic QR look, highest density
- Rounded — softer corners on each module; slightly less data-dense visual
- Dots — circles instead of squares; modern, slightly less reliable at small sizes
- Classy — vintage-style modules with rounded corners
Corner square (finder pattern) style. Independent control over the three large squares in the corners. Square, rounded, or dot variations.
Foreground gradient. Linear or radial gradient applied to the dark modules. Both gradient stops must maintain contrast with the background.
Logo overlay. Center-placed image. See the Logo Upload feature page for details.
Error correction level. Auto-selected based on logo size; can be manually overridden. Higher levels make the QR scannable when partially obscured (logos, damage) at the cost of denser patterns.
Transparent background. Export with no background fill — modules sit directly on whatever surface the code is placed on.
Design rules that protect scannability
A few firm rules that QRSync’s generator enforces automatically:
1. Contrast above 4:1. Phone cameras need clear distinction between dark and light modules. Pastels on white, light on light, or muddy color combinations fail.
2. Quiet zone preserved. At least 4 modules of empty space around the QR. QRSync exports with the quiet zone built in; don’t crop it.
3. Solid finder patterns. The three large corner squares cannot be gradient-filled or have modules removed. QRSync prevents this automatically.
4. Logo under 25% of total area. Larger logos start interfering with error correction. QRSync automatically increases error correction level when the logo is added.
For the full design rationale, see QR code design best practices.
Color combinations that work
Always reliable:
- Black on white (the classic, scans everywhere)
- Dark navy (#1E3A5F) on cream (#FFFBF0)
- Charcoal (#2D2D2D) on pale gray (#F5F5F5)
- Deep red (#8B0000) on white
- Forest green (#1B5E20) on light yellow (#FFFDE7)
Usually reliable, test before printing:
- Two-tone gradient from dark to slightly less dark (both above contrast threshold)
- Brown (#4E342E) on tan (#EFEBE9)
- Burgundy (#5D1A1A) on cream
Risky:
- Light pastels on white (low contrast)
- Brand neon colors on white (often too bright)
- Inverted (light on dark) — works on most phones but less reliable on older devices and some scanner apps
Will fail:
- Pastel on pastel (no contrast)
- Light gray on white (under 4:1)
- Yellow on white (under 4:1 in any practical pairing)
- Photo backgrounds without a solid color underlay
Dot style choices
The four dot styles affect aesthetics, not functional reliability, at typical print sizes:
Square (default). The classic QR look. Best for: corporate brands, technical/engineering use, anywhere “professional default” is the right tone. Highest information density visually.
Rounded. Slightly softer corners. Best for: modern brands wanting a less rigid feel. Indistinguishable from square at typical print sizes.
Dots. Modules rendered as circles instead of squares. Best for: playful brands, lifestyle products, casual contexts. Slightly less reliable at very small print sizes (below ~2 cm) — give them a little extra size.
Classy. Custom module shapes with rounded internal corners. Best for: vintage, luxury, or hand-crafted brand aesthetics.
Pick whichever fits your brand. The difference is purely visual.
Gradient design
Linear and radial gradients are supported on the foreground modules. The rules:
- Both gradient stops must be dark enough to maintain contrast with the background.
- The gradient should be subtle — a stop from #1E3A5F to #4A6FA5 (similar tones) works; a stop from #1E3A5F to #FFC107 (high contrast across the gradient) often confuses scanners.
- Solid finder patterns — gradients don’t apply to the three corner squares (which need solid color for scanner recognition).
A useful gradient pattern: pick your brand’s primary dark color, then pick a slightly lighter variant (about 20% lighter on the same hue). Linear gradient from one to the other across the QR creates visual interest while maintaining reliability.
Transparent backgrounds
A transparent-background QR code is useful for:
- Overlaying on photos or textures — the QR sits on the image directly
- Print materials with colored substrates — kraft paper, colored card stock
- Stickers on dark surfaces — the QR shows the surface color as background
Important: the surface the QR sits on becomes the effective background, so contrast still matters. A dark-foreground QR on a dark surface won’t scan. Pair transparent QRs with light-colored placement contexts.
Brand match without sacrificing scannability
The pattern that works for most brands:
- Pick your primary brand dark color (or use a dark variant of your primary color)
- Use white or cream as the background for highest reliability
- Choose the dot style that matches your brand’s geometry (square for corporate, rounded for modern, dots for playful, classy for premium)
- Add your logo at 15–20% of total QR area in the center
- Test scan with two phones before printing at scale
This produces a QR that looks distinctly yours, scans reliably, and respects all the technical constraints. Custom-but-functional.
Custom design + dynamic codes
Customization works for both static and dynamic QR codes. The destination URL behind a dynamic QR is independent of the visual design — change the design any time without affecting the destination, or change the destination without affecting the design.
This means you can:
- Update your brand colors and regenerate the QR (with the same dynamic short code)
- Test multiple visual variants pointing to the same destination
- Maintain visual consistency across all your QR placements
See Dynamic QR Codes for more on the redirect side.
Ready to design yours?
Open the QR generator — pick a type, enter your content, then explore the customization options. The default settings produce a reliable, scannable code; everything else is creative direction within the rules that keep it working.
For brand consistency across multiple codes, save your color and style preferences and reapply them to each new QR. For specific design guidance, see QR code design best practices.