Color guide

QR Code Color Best Practices

Color can make a QR code look more branded and premium, but it can also break scanning if contrast drops too low. The safest rule is still simple: dark QR code, light background.

Best QR color combinations

  • Black on white
  • Dark navy on white
  • Dark teal on white
  • Dark charcoal on pale brand tint

What usually hurts QR scanning

  • Pastel modules on light backgrounds
  • Busy photo fills behind the code
  • Very glossy dark backgrounds
  • Weak gradients with low contrast

How to stay on-brand without hurting scans

Use your brand colors in the frame, heading, surrounding layout, or CTA, while keeping the actual QR modules dark enough to remain readable.

Test QR code colors quickly

Use FreeQRHub to generate color variations, then compare them on different phones before you publish or print.