Leonardo
leonardocolor.ioGenerate colors based on a desired contrast ratio.
Creative Toolscoloraccessibilitydesign-systemscontrastdark-modedata-visualizationcolor-scales
About
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.
Problem
Manually checking color contrast ratios and creating accessible, adaptive color palettes is time-consuming and error-prone.
For
UI designers and front-end developers building accessible design systems
How it works
Users define target contrast ratios or lightness values, and Leonardo automatically generates color swatches, adaptive themes, and exportable outputs across multiple color spaces.
Business model
free
Status
launched