<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/c18394d5a4904f8d8d212a7747746589&quot; frameborder=&quot;0&quot; width=&quot;1228&quot; height=&quot;921&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>921</height><width>1228</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>921</thumbnail_height><thumbnail_width>1228</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/c18394d5a4904f8d8d212a7747746589-80a1229903cad654.gif</thumbnail_url><duration>553.498</duration><title>How to design intuitive color palettes that always result accessible products</title><description>In this video, I discuss the challenges of using traditional color palettes and propose a more effective approach to naming and designing color tokens. Instead of relying on abstract numbers, I suggest incorporating descriptive names that include the hue, lightness value, context, and contrast ratio, which aligns with the Wakat guidelines for accessibility. I highlight the importance of achieving specific contrast ratios—3:1 for ornamental elements, 4.5:1 for regular text, and 7:1 for high accessibility. This method not only simplifies the design process but also enhances scalability and adaptability for dark mode palettes. I invite you to consider using this system in your own work and share your thoughts on it.</description></oembed>