Generate custom Tailwind CSS color palettes and browse the framework's built-in color values.
Leonardo
vsMaterial UI
Leonardo vs Material UI
How do Leonardo and Material UI compare? Here are the facts side by side: pricing, platforms, open-source status and what each one is for.
| Directory detail | Leonardo | Material UI |
|---|---|---|
| What it is | Generate color values for design systems by setting a target contrast ratio. | Browse Material Design color palettes and other collections, including Tailwind and Fluent colors. |
| Website | ||
| Type | Online tool | Website |
| Topic | ||
| Pricing | Not confirmed | Not confirmed |
| Platforms | Web | Web |
| Open source | Yes | Not stated |
| Language | — | — |
| Alternatives |
Other options to consider
Sites similar to both Leonardo and Material UI.
hue.tools mixes and modifies colors, shows combinations, and links colors to design inspiration and stock imagery.
FreePick
24 alternatives
PaletteMaker creates color palettes and previews them in sample designs such as logos, interfaces, patterns, and posters.
Free
24 alternatives
Find HEX color codes and complementary colors with this online color picker.
Browse CSS colors sorted by hue, saturation and lightness, with RGB, HSL and hex values.
Generate color palettes with AI and choose from styles such as smart color schemes.