I'm iterating on my accessible color palette designer: https://www.inclusivecolors.com/ https://www.inclusivecolors.com/ I'm working on an article/tutorial ab

I'm iterating on my accessible color palette designer: https://www.inclusivecolors.com/ https://www.inclusivecolors.com/ I'm working on an article/tutorial about how to develop an intuition behind the WCAG contrast rules so you can spot bad contrast problems yourself instead of getting surprised (and irritated) by contrast checker tools giving you failures later. And how to solve color contrast problems like what design options you have when two colors don't contrast. After speaking to other designers, I find most want to follow the WCAG rules but get stuck going in circles not knowing how to fix color contrast issues e.g. when changing one color throws another one off, and how to work with brand/primary colors that lack contrast (like orange/yellow on white). Since working on my palette designer, I developed a lot of intuition in this area so wanted to share what I learned. There's lots of articles on WCAG rules, but many will say "pick accessible colors" without really helping you understand how, especially when you have to stick to certain brand colors.