A feature that was sold to clients long before I joined was enabling use of custom primary and secondary colors in our mobile app. This allows their branding to be communicated to users for a more white-label experience. However, a few things happen as a result of this feature:
- Not always great for accessibility. Some customers are adamant on sticking with their brand colors even if it doesn't pass contrast ratios.
- I use more neutral colors for functional design elements such as forms, copy, containers, etc.
- But our buttons are still currently in variable primary colors. Which means if a customer has grey as their primary color, a button essentially looks disabled (no good). Or if their brand colors are red or green, it can also be problematic when asking to confirm an action or perform anything destructive.
My question is, does anyone know examples of other products that handle a similar issue? Where custom colors are allowed, but without significant impacts to accessibility and general functionality? Trying to figure out where best to inject these colors/branding so clients can be happy and users won't be confused.
Thank you!