Seeing color done well is faster than reading a list of rules, so this guide walks through examples that work in real places. Each example keeps the same discipline underneath the design: a clean code, a clear margin, strong contrast, and a message that tells people what they get. The examples cover different surfaces and distances, from a card held at arm length to a poster read from across a room. Use them as starting points, copy the structure, adapt the colors and words to your brand, and always test your own version before you print.
Example one: a small, everyday use
A cafe prints its menu code in deep teal on warm white card, with black text beside it. The teal is dark, the background is light, and the code scans at arm length even in dim evening light. A parcel label uses a single dark plum for the code on white stock, so warehouse scanners read it without hunting for contrast.The lesson is restraint. The code itself stays plain, the message is short, and the surrounding design does the branding. A reader who glances at the card understands what to do in a second, and a phone locks on without hunting.
Example two: a larger, public use
A conference badge uses dark slate for the code and leaves the sponsor logo outside the symbol. Attendees scan the badge while walking past a stand, and the consistent foreground keeps the read fast. A shop window poster uses dark forest green on pale cream, with the code large enough to read from the pavement.The lesson is scale. A larger code earns a larger margin and a larger message, and the design respects that. The code is not squeezed into a leftover corner; it is given the space its viewing distance demands.
Example three: a branded, busy surface
A product pack uses a dark brown code on a cream panel, rather than letting the code sit directly on a patterned pack background. The cream panel gives the code a calm, even background, and the brown stays dark enough to separate cleanly. The result looks branded without asking the scanner to fight the packaging.The lesson is separation. The brand carries the pattern and the color, while the code carries a calm panel and a clean margin. The two jobs stay separate, and both succeed. Whenever a design tries to make the code itself carry the pattern, scanning suffers.