capyQR
← All posts

Match your QR code to your brand colors (with 8 real examples)

Concrete recipes for matching a QR code to a brand palette without sacrificing scannability.

·10 min read

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

Combinations to avoid

  1. 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.
  2. Two similar mid-tones together (e.g. two different mid-blues) — not enough contrast even if they're technically different colors.
  3. 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:

A Forest-preset Capy QR — a custom brand-style palette with contrast maintained throughout.

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.