Matching a QR code to your brand palette is usually straightforward — the only real constraint is contrast. Here's how to do it without accidentally making the code unscannable.
The one rule that matters
Whatever colors you choose, the dot color needs to read clearly against the background. A simple test: squint at the code from a few feet away, or view it in grayscale — if the code and background start to blend into a similar gray, the contrast is too low to trust.
Color combinations that work well
- Dark brand color on white or a very light neutral. The safest, highest-contrast default — works for almost any brand palette's darker tones.
- White or light modules on a dark brand color. Inverts the usual pattern, works well for brands with a strong dark primary color.
- A brand gradient, kept high-contrast throughout. Two brand colors blending across the code, as long as no point in the gradient drops too close to the background tone.
- A neutral code with brand color used in the frame. When your palette is genuinely too light for the modules themselves, apply it to a frame or label instead.
Combinations to avoid
- Pastel or light-toned modules on white. The most common failure — see pastel QR codes: when they work and when they don't for the specific line.
- Two similar mid-tones together (e.g. two different mid-blues) — not enough contrast even if they're technically different colors.
- A busy background pattern or image behind the code — even with good module contrast, a distracting background can confuse a scanner.
Build yours in the editor → capyqr.com
How to do this in Capy QR
Set custom dot and background colors, or use auto-color-match from an uploaded logo, and check the live scan-safety preview as you adjust — it flags low-contrast combinations before you export. Start at the QR code editor.
A brand-colored code
Here's a Capy QR styled with a custom palette, contrast checked:
Frequently asked questions
- Can I use my exact brand colors on a QR code?
- Usually yes, as long as there's enough contrast between the dot color and the background. Very light or pastel brand colors on a white background are the main risk — check the contrast rule before committing.
- What's a safe rule of thumb for QR code color contrast?
- Keep the dot color noticeably darker than the background — a good visual test is squinting at the code from a few feet away. If it starts to blur into a gray blob, contrast is too low.
- Should the background always be white?
- No — a dark background with light modules can work too, as long as the contrast direction stays consistent and strong. What matters is the contrast ratio, not which color is technically the background.
- Can I use a gradient instead of a single color?
- Yes, and it can look great — just make sure the gradient doesn't create a low-contrast zone anywhere across the code, especially where it meets the background.
- What if my brand colors are genuinely too light to use safely?
- Use them for the frame, label text, or background accent instead of the module color itself, and keep the actual scannable dots in a safe, high-contrast color like your brand's darkest accent or a near-black.
Bottom line: almost any brand palette works, as long as contrast stays strong — test before you commit to a print run. Ready to try it? Open the editor or browse more QR guides.
