Color Systems

Building a Palette

The 60-30-10 Rule

• 60% dominant color (backgrounds, large surfaces)
• 30% secondary color (cards, sections, supporting elements)
• 10% accent color (CTAs, active states, key interactive elements)

Systematic Palette Generation

Start with one brand color. Build everything from there.