How I Choose Accessible Color Palettes

Start With Contrast

When I pick colors, readability always comes first. I don't just choose what looks pretty; I check if the text stands out against the background. Sometimes, I use a tool like WebAIM to test my combinations before I apply them to a project.

My Favorite Trick

I rely heavily on the 4.5:1 contrast ratio for normal text. If a color fails, I adjust its lightness instead of just adding black or white. For example, a soft lavender might look nice, but it often fails accessibility.

/* Fails: #C8B6FF on white */
/* Passes: #5B4FBF on white */

The Final Check

After adjusting lightness, I test with real users or simulate color blindness. It's a quick habit that makes a huge difference. A good palette isn't just stylish; it's welcoming to everyone.

Cover photo by Mohammad Lotfian on Unsplash.