<p>Color is where well-meaning sites go to look amateur — usually because there are too many of them, used without a rule. A system fixes that faster than taste does.</p><h2>Start with three roles, not three colors</h2><ul><li><strong>Surface</strong> — your background and cards. Keep it calm.</li><li><strong>Ink</strong> — text and lines. Near-black reads better than pure black.</li><li><strong>Accent</strong> — exactly one color for actions and emphasis.</li></ul><h2>The 60-30-10 rule still works</h2><p>Roughly 60% surface, 30% secondary neutral, 10% accent. Reserve the accent for things you want clicked. The moment it's everywhere, it stops meaning anything.</p><h3>Borrow contrast, don't guess it</h3><p>Aim for <strong>at least 4.5:1</strong> contrast between text and its background. It's an accessibility floor and, conveniently, it also just looks more legible.</p><blockquote><p>One confident accent beats a rainbow of timid ones.</p></blockquote>