Guide
Comment choisir des couleurs d'appui autour d'une couleur de marque
Construisez des secondaires et neutres sans affaiblir la couleur principale.
Les couleurs d'appui doivent soutenir la couleur de marque, pas la concurrencer.
Start with one brand anchor
Lock your primary brand color first.
Treat it as the reference point for all nearby choices.
Pick quieter supporting colors
Use softer saturation for secondary colors so the brand tone stays dominant.
Neutrals should handle structure and readability.
Assign clear roles
Decide which colors are for backgrounds, borders, and highlights.
Role clarity prevents random color usage.
- Secondary color for supporting UI blocks.
- Neutral ramp for surfaces and text.
- One accent for occasional emphasis.
Check combinations in context
Preview button, card, and text combinations before finalizing.
Adjust supporting colors if they overpower calls to action.
Useful for
- Designing marketing pages.
- Building UI tokens.
- Improving brand consistency across teams.
Support the main color, don't fight it
Secondary colors should make your brand tone clearer, not louder.