Ratgeber
So wählst du unterstützende Farben rund um eine Markenfarbe
Sekundär- und Neutralfarben aufbauen, ohne die Hauptfarbe zu verdrängen.
Unterstützende Farben sollen die Markenfarbe stärken, nicht mit ihr konkurrieren.
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.