Leonardo
Generate colors based on a desired contrast ratio.
Leonardo is a color tooling platform for UI designers and developers that generates accessible color systems based on target contrast ratios. It supports adaptive themes for dark mode, perceptually balanced color scales across multiple color spaces, and colorblind-safe palette generation. Output options include CSS custom properties, design tokens, SVG exports, and an npm module for end-user personalization.
Users define target contrast ratios or lightness values, and Leonardo automatically generates color swatches, adaptive themes, and exportable outputs across multiple color spaces.
UI designers and front-end developers building accessible design systems
Background.
- Status
- launched
- Business model
- free
Contact
Similar projects.
Editorial take on the space this project sits in — momentum signals, adjacent moves, our call on whether the wedge is real. Get pinged when we publish a new read or when the landscape shifts.
Have a take on this space?
Tell us what you’d build differently, where you think the incumbents miss, or what we’ve gotten wrong about this project. Comments + reactions are coming soon.