What color & contrast actually is
Color theory is how colors work together: harmonies, warm and cool, and what each color makes people feel. On a graphic that sells, keep it simple. A neutral base, your brand color, and one accent that means something, like the price or the button. Contrast is what makes things readable. Text has to stand clearly apart from what's behind it.
Take a screenshot and turn it black and white. Can you still read everything? Can you still tell what matters most? If the headline disappears, your contrast isn't doing its job.
Three steps to get it right
Pick your base
One or two neutrals for backgrounds and text. Off-white and charcoal are hard to beat.
Choose one accent and protect it
Use it only on the thing you want clicked or remembered. If it's everywhere, it means nothing.
Check your contrast
Run your text and background colors through a free contrast checker. Aim for 4.5:1 or better.
Where AI gets it wrong
AI palettes come out "nice" and uniform: every color at the same brightness, teal and orange, glowing gradients. Nothing leads. Give it your actual hex codes instead of hoping.
Paste this into your image tool to get a better starting point:
Use a restrained palette: warm off-white background, deep charcoal, and one accent color (#HEX) used only on the product. No gradients, no neon, no teal-and-orange grading.
Name the problem in design words and give it one clear change:
“Too many colors are competing. Use the off-white and charcoal, and keep the accent color only on the price.”
- Write down your base, brand and accent colors with hex codes.
- Black-and-white test your current ad.
- Move your accent onto the one thing you want clicked.
- Next up: Hierarchy
Want the next lesson?
New design lessons land in your inbox when they're ready. Free, and easy to leave.