Generate custom Tailwind CSS color palettes and browse the framework's built-in color values.
ColorBox
vsLeonardo
ColorBox vs Leonardo
How do ColorBox and Leonardo compare? Here are the facts side by side: pricing, platforms, open-source status and what each one is for.
| Directory detail | ColorBox | Leonardo |
|---|---|---|
| What it is | ColorBox generates color palettes with customizable hue, saturation, and brightness curves, and exports values for tools including Tailwind CSS. | Generate color values for design systems by setting a target contrast ratio. |
| Website | ||
| Type | Online tool | Online tool |
| Topic | ||
| Pricing | Not confirmed | Not confirmed |
| Platforms | Web | Web |
| Open source | Not stated | Yes |
| Language | — | — |
| Alternatives |
Other options to consider
Sites similar to both ColorBox and Leonardo.
Browse CSS colors sorted by hue, saturation and lightness, with RGB, HSL and hex values.
Khroma learns a user’s color preferences and generates palettes for designers to discover and save.
PaletteMaker creates color palettes and previews them in sample designs such as logos, interfaces, patterns, and posters.
Free
24 alternativesBrowse Material Design color palettes and other collections, including Tailwind and Fluent colors.
Generate color palettes with AI and choose from styles such as smart color schemes.






