Your primary color is the star. Your supporting color is the reliable co-star that handles the secondary roles: category tags, secondary buttons, accent borders, section highlights, and visual variety. Without it, your primary has to do everything, which either overuses it (diluting its impact) or leaves gaps in your visual language.
Choosing the Relationship
Analogous: A supporting color adjacent to your primary on the color wheel (blue primary, teal supporting). This creates smooth, harmonious designs with low visual tension. Safe and professional. Complementary: A supporting color opposite your primary (blue primary, orange supporting). This creates high contrast and visual energy. Bold and attention-grabbing. Split-complementary: A supporting color near (but not exactly) the complement. Balanced between harmony and contrast.
Avoid Competition
The supporting color should not compete with the primary for attention. Keep it slightly less saturated, slightly lighter or darker, or used in smaller areas. The primary says "this is the most important thing." The supporting says "this is also notable, but secondary."
PaletteRx's Smart Suggestions
When you add a primary color to PaletteRx, the Smart Suggestions panel analyzes its hue and recommends supporting colors based on harmony theory. It considers complementary, analogous, and triadic relationships, giving you candidates that are mathematically harmonious with your primary.