Leonardo
Generate color values for design systems by setting a target contrast ratio.
About Leonardo
Leonardo is a tool for creating, managing, and sharing accessible color systems for user interface design and data visualization. You can set a target contrast ratio or lightness value to generate color swatches, so you do not need to check contrast by hand during that step. It also builds sequential and diverging scales and adaptive themes, and it exports theme parameters, CSS custom properties, and Design Tokens. Leonardo is an Adobe open source project with a linked GitHub repository.
Pricing is not clearly stated.
Key features
- Generate swatches from a target contrast ratio or lightness value
- Build perceptually uniform sequential and diverging color scales
- Check contrast between two colors, including alpha transparency
- Evaluate color difference for each color vision deficiency type
- Cycle colors into a colorblind safe palette
- Adjust adaptive themes for brightness, contrast, and saturation
- Download themes or color scales as SVG files
- Export CSS custom properties, Design Tokens, and @adobe/leonardo-contrast-colors parameters
Best for: Designers and engineers building accessible user interfaces and data visualizations.
Leonardo at a glance
- Website
- leonardocolor.io
- Category
- Design & Creative › Color Tools
- Type
- Online tool
- Pricing
- Not confirmed. Check the site
- Platforms
- Web
- Details verified
- Oct 22, 2026 · Official source
- Open source
- Yes · Source code
- Last checked
- Oct 5, 2026 · Online when checked
- Listed
- Oct 5, 2026
Guides for Color Tools
Leonardo alternatives
Tools and sites you could use instead, ranked by how closely they match.
Find HEX color codes and complementary colors with this online color picker.
Generate custom Tailwind CSS color palettes and browse the framework's built-in color values.
hue.tools mixes and modifies colors, shows combinations, and links colors to design inspiration and stock imagery.
FreePick
24 alternatives
color × color creates accessible color systems for user interfaces using Okhsl or HSLuv color spaces.
PaletteMaker creates color palettes and previews them in sample designs such as logos, interfaces, patterns, and posters.
Free
24 alternatives
Explore accessible foreground and background colors with Color.review, which displays contrast measurements.
Popular in Color Tools
Well-known listings from the same topic.
accessiblepaletteaccessiblepalette.comAdobe Colorcolor.adobe.comCoolorscoolors.coColor Pickerimagecolorpicker.comSchemeColorschemecolor.comRealtime Colorsrealtimecolors.com
Is something wrong or out of date?
Tell us and an editor will check it.
Own this website?
Claim this listing
Claim the listing and suggest updates yourself. An editor checks every claim first.