Brand colors for a self-guided tour QR code

A QR code can match your self-guided tour's colors and still scan reliably, but decoration should never make the pattern hard to read. If visitors have to aim repeatedly or move closer than expected, they may give up before reaching the tour information.

Use the QR Code Generator to make a code for a tour stop, then check its colors and test the printed version before you put signs along the route.

Make and test a branded tour QR code

1. Open the QR Code Generator and enter the URL for the tour stop. Use a direct page for that stop rather than encoding the tour description as text.
2. Choose a dark foreground color and a light background. Start with colors from your brand palette that keep this light-and-dark relationship, such as deep navy on warm cream.
3. If you add a logo, keep it small and away from the QR code's large square finder patterns in three corners. Those patterns help a phone locate and orient the code.
4. Check the generated code on a phone screen, then print a sample at the size and on the material you plan to use. Scan it from the distance a visitor will stand.

Test the final printed design, not just a preview on your computer. A pale color may look distinct on a bright monitor but become hard to distinguish from the background on matte paper or outdoors.

Choose a color treatment that still scans

Dark brand color on a light background

This is the safest starting point. Dark blue, deep green, charcoal, or burgundy can work as the QR pattern when set against a pale, plain background. The camera needs clear differences between the dark and light modules, the small squares that make up the code. A difference in hue alone is not enough: two colors can look different on a palette while having nearly the same brightness.

Keep the background even and light. A pale brand tint can work, but avoid texture, photographs, patterns, or a gradient directly behind the code. They add visual detail where the camera needs a clear area to identify the modules.

Light logo or accent color

Use brighter brand colors for the sign, border, or a small logo rather than for the QR pattern itself. If your palette is mostly light colors, choose a darker brand shade for the code and use the lighter colors around it. You can also use a neutral dark color for the code and reserve the brand hue for the surrounding design.

A logo in the center

A logo can make the code feel connected to the tour, but it covers some of the pattern. Keep it modest, with clear space around it, and avoid placing it over the three large corner markers. A logo that looks fine on screen can still make a printed code unreliable, so scan the finished version with more than one phone if possible.

For more detail on foreground and background choices, see how to choose QR code colors that still scan.

Fix a QR code that is hard to scan

1. Increase the contrast. Replace a light foreground with a darker shade, or make the background lighter. If the colors are close in brightness, try a dark neutral such as charcoal against white or cream.
2. Remove effects behind the code. Use a plain background instead of a photo, pattern, or gradient. Keep decorative borders outside the code's clear margin.
3. Make the code larger. Print a larger sample and try again from the expected visitor distance. A code that works when held close may be too small for a wall sign or an outdoor marker.
4. Reduce or remove the logo. If scanning remains inconsistent, make the logo smaller or remove it. The code's pattern matters more than the branding inside it.
5. Use a shorter destination URL. A long address can create a denser pattern that needs more space to scan. If you use a shortened or redirected address, make sure it is controlled by your organization and will keep working for the life of the tour.

Check the sign where visitors will use it

Test the print in the actual setting, including the type of paper, plastic, or sign material you intend to install. Glossy surfaces can reflect sunlight or overhead lights into the phone camera. If glare blocks the code, move the sign, change its angle, or use a less reflective finish.

Try scanning from the usual approach distance and from a slight angle. Check in both bright and dim conditions if the route is used at different times of day. If a phone needs several attempts, increase the code size, improve the contrast, or reduce nearby visual clutter before printing the full set.

Scan every tour stop's code after printing and confirm that it opens the right page. Keep the destination page available for as long as the signs remain in use.