Color Theory for People Who Just Want Things to Look Good

Color theory has a gatekeeping problem. Every article starts with the color wheel, complementary schemes, and terms like "analogous" and "triadic" that make your eyes glaze over.

Here's what you actually need to know.

Rule 1: Start With One Color

Pick one accent color. Just one. Use it sparingly — for buttons, links, and key highlights. Everything else should be neutral.

This single decision eliminates 80% of color-related design problems. You can't clash if you only have one color.

Rule 2: The 60-30-10 Split

• 60% dominant color (usually white or off-white)
• 30% secondary (a warm or cool gray)
• 10% accent (your one chosen color)

This ratio works for websites, rooms, outfits, and pretty much any visual composition.

Rule 3: Steal From Nature

Nature never gets color wrong. A sunset, a forest floor, a coral reef — these color combinations have been A/B tested by evolution for millions of years.

If you see a color combination you like in the real world, screenshot it and extract the colors. That's not cheating. That's design.

Rule 4: Soften Everything

• Off-white (#FAFAF9) instead of pure white (#FFFFFF)
• Off-black (#1C1917) instead of pure black (#000000)
• Muted accent instead of pure hue

Softened colors feel more sophisticated and are easier on the eyes. Pure, saturated colors are for traffic signs, not blogs.

Rule 5: Test on Real Screens

Colors look different on every screen. That vibrant purple on your MacBook might look muddy on a Windows laptop. Test on multiple devices, and when in doubt, go slightly more saturated than you think you need.

A Starting Palette

If you want a safe, beautiful starting point:

• Background: #FAFAF9
• Text: #1C1917
• Muted text: #78716C
• Accent: Pick ONE from below
  • Warm: #DC7F5A (terracotta)
  • Cool: #6B8F9E (slate blue)
  • Fresh: #7BA27E (sage)
  • Bold: #C45D5D (muted red)

Start here. Adjust later. Done is better than perfect.