Leonardo Color

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
By: Nate Baldwin
Kind: palettes (tool)
Level: intermediate
Tags: design-systems, accessibility, palettes, cam16, cielab, designer, developer, interactive, web, javascript