How to Set Your Brand Color on a Wallet Loyalty Card
The brand color is the second-most visible thing on your loyalty card after your logo. It drives the pass background on Apple Wallet and the hero strip on Google Wallet, so picking a color that contrasts with white text is critical.
Where to change the brand color
Open More -> Branding in the merchant app. Below the logo upload you'll find the color picker. Enter a hex value (e.g. #2C8A4A) or use the picker UI. The preview updates live.
How the color is used on each platform
Apple Wallet
Your color becomes the entire pass background. Stamps render as filled and unfilled circles on top.
Google Wallet
Your color becomes the hero color strip behind the logo at the top of the card. The body of the pass is white.
Choosing a color that works
- Mid-to-dark colors (HSL lightness 30-50%) read best because pass text is white.
- Avoid pastel yellows and pale greens — white stamp circles disappear.
- High-saturation brand colors (deep green, navy, burgundy, espresso brown) photograph well in marketing shots.
Updating the color
Change it any time. All existing customer passes update via wallet push. Test the new color on one phone before announcing a rebrand.
Frequently asked questions
Can I have different colors per location?
No. The brand color is shop-wide so customers see the same card regardless of which store they joined from.
Why does my chosen color look slightly different on iPhone vs Android?
Both wallets apply small adjustments for legibility (text contrast, dark mode). The hex you set is the source of truth; small visual variation is normal.