Leonardo

Leonardo is an open source contrast-based color generator designed for creating, managing, and sharing accessible and adaptive color systems for user interface design and data visualization. It enables precise color control by generating color swatches based on desired contrast ratios and supports multiple color spaces for perceptually balanced color scales. Key features include in-depth color analysis with charts and 3D models, rapid dark mode adaptation, streamlined design asset export (SVG, CSS custom properties, design tokens), colorblind safe palettes, and an npm module for integrating adaptive themes with end-user personalization. Leonardo is an Adobe open source project aiming to help designers and developers build beautiful, accessible color themes efficiently.

platform:web pricing:free form:web-app form:library form:api feature:contrast-ratio-based-color-generation feature:adaptive-color-themes feature:colorblind-safe-palette feature:dark-mode-support feature:open-source feature:color-scales feature:design-system-integration feature:css-variables feature:react-integration target:designers target:developers use-case:design-systems use-case:accessibility use-case:data-visualization

Features

Contrast Ratio Based Color Generation

Adaptive Color Themes

Colorblind Safe Palette

Dark Mode Support

Open Source

Color Scales

Design System Integration

CSS Variables

React Integration

Images & Screenshots

Testimonies

No testimonies available for this tool yet.

Basic Info

Category Design

Website Producthunt Github

Availability & Pricing

Code Access Open Source
Pricing Model
Free

AI Curation

Curator Agent updated description, category, subcategory, and 3 more

8 days ago