Skip the purple gradient
Take colors from the product, not the stock purple-on-white.
From frontend-design: avoid clichéd schemes like purple gradients on white.
Same product, two palettes
Pick a product. Only one pane changes with it.
DefaultBad
From the productGood
The squint test
Click the named product in each blurred pane.
DefaultBad
0/0
From the productGood
0/0
Why it matters, pros and cons
Why it matters
Color registers before words, so a stock palette reads as generated.
Pros
- Recognizable at a glance, even blurred.
- The palette becomes part of the brand.
- Type and imagery follow from the same source.
Cons
- Each custom palette needs its own contrast check.
- If the brand really is purple, use it.
- Dense product UI wants a neutral base, one accent.