# Leonardo Color

Canonical URL: https://colorcurio.us/library/leonardo
Source type: Library entry
Resource URL: https://leonardocolor.io/
Added: 2024-01-14

## Summary

Generate UI ramps from a key color so chosen steps hit target contrast ratios against a background.

Contrast-first rather than swatch-first: you name the ratios and it solves for the colors.

- Resource: [Leonardo Color](https://leonardocolor.io/)
- By: Nate Baldwin
- Kind: palettes (tool)
- Level: intermediate
- Tags: design-systems, accessibility, palettes, cam16, cielab, designer, developer, interactive, web, javascript

[Back to the library](https://colorcurio.us/library)