Setting colors and brand

A pass has three colors you control, and they do most of the work of matching it to your brand. Get the contrast right and the pass looks polished on any screen.

The three colors

• Background color — the fill behind the whole pass.
• Foreground color — the field values, the larger text. This needs strong contrast against the background.
• Label color — the small captions above each value. Usually a softer tone than the foreground so the labels recede and the values stand out.

Colors are set in the designer and apply to the whole template, so every pass you issue from it shares the same palette.

Aim for contrast

Wallet passes are read at a glance, often on a bright lock screen outdoors. A dark background with light foreground text, or the reverse, reads far better than two similar tones. If your brand color is mid-toned, pair it with white or near-black text rather than another mid-tone.

The brand fallback

When Passmint can detect your brand color from your domain, it uses that as a sensible default so a new template doesn't start out plain. You can override it at any time by setting the colors yourself. Anything you choose in the designer always takes precedence over the detected brand color.

Color and images together

If you use a strip, hero, or background image, make sure your foreground text stays legible over it. A busy image behind the primary field can swallow the text. When in doubt, darken the image or move the key information to a field that sits on the solid background rather than over the artwork.