Accessible color palettes
<p>This is a tool to generate a dynamic, accessibility-first color palette for your design systems within Figma.</p><p><br></p><p>Using key colors, you can target specific contrast ratios against a chosen background color and color space. These constraints will generate a color palette based on that key color. You can choose to test and find out more information, or set the color styles for your file based on these results.</p><p><br></p><p>If you'd like a video walkthrough on how I use this tool, <a href="https://youtu.be/q4dGTPE4McU?t=585" rel="noreferrer noopener nofollow ugc" target="_blank">you can see that here on my Youtube Channel</a>.</p><p><br></p><p>This tool leverages the work done by Nate Baldwin on <a href="https://leonardocolor.io/" rel="noreferrer noopener nofollow ugc" target="_blank">LeonardoColor.io</a>, an open source color tool, to bring similar functionality into generating test palettes, and updating styles in your system. Thus allowing you to check your work with more data from their tool.</p><p><br></p><p>If you have any questions, you can reach out to me on Twitter at <a href="http://twitter.com/darianrosebrook" rel="noreferrer noopener nofollow ugc" target="_blank">@darianrosebrook</a></p>
Plugin Preview
About this plugin
This is a tool to generate a dynamic, accessibility-first color palette for your design systems within Figma.
Using key colors, you can target specific contrast ratios against a chosen background color and color space. These constraints will generate a color palette based on that key color. You can choose to test and find out more information, or set the color styles for your file based on these results.
If you'd like a video walkthrough on how I use this tool, you can see that here on my Youtube Channel.
This tool leverages the work done by Nate Baldwin on LeonardoColor.io, an open source color tool, to bring similar functionality into generating test palettes, and updating styles in your system. Thus allowing you to check your work with more data from their tool.
If you have any questions, you can reach out to me on Twitter at @darianrosebrook
Plugin Details
Version | 8 |
---|---|
Created | May 1, 2021 |
Last Updated | March 23, 2022 |
Category | shapes-colors |
Creator | Darian Rosebrook |
Stats | 4757 installs, 282 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Editor Types:figma
More Like This
Discover other plugins in the shapes-colors category.