Strong contrast makes your buttons and links jump off the screen, but direct opposites like blue and orange or red and green often clash and tire the eye. A split complementary color scheme fixes that. You take one base color, find its opposite on the color wheel, then use the...
Triadic colors are three hues spaced evenly around the color wheel, each one a third of the wheel apart. Lines drawn between them form a perfect equilateral triangle. Red, yellow, and blue make up the most familiar triad. This even spacing gives you a palette that’s bold...
A cluttered interface usually isn’t a layout problem. It’s a color problem. The 60-30-10 rule fixes it by splitting your interface into three proportions: That’s the whole ratio. When every color competes for attention, your users can’t tell what...
Complementary colors are pairs of colors that sit directly opposite each other on the color wheel, such as blue and orange or red and green. Side by side, they make each other look brighter. Mixed together, they cancel out into gray. If you pick hues by instinct, you’ll...
Without a consistent color system, picking colors one screen at a time can leave you with six slightly different blues and competing buttons. A color palette prevents that. A color palette is a defined set of colors chosen to work together across a whole design, so every...
