Material UI
materialui.co/colorsBrowse Material Design color palettes and other collections, including Tailwind and Fluent colors.
Looking for something like UI Colors? Here are 24 alternatives, ranked by how closely they match it on purpose, features and platforms. Of these, 3 are free or have a free plan and 2 are open source.
Generate custom Tailwind CSS color palettes and browse the framework's built-in color values.
| # | Alternative | Pricing | Open source | Platforms |
|---|---|---|---|---|
| 1 | Material UI | — | Not stated | Web |
| 2 | Leonardo | — | Yes | Web |
| 3 | SchemeColor | — | Not stated | Web |
| 4 | Sorted CSS Colors | — | Not stated | Web |
| 5 | ColorKit | — | Not stated | Web |
| 6 | Pigment | — | Not stated | Web |
| 7 | Poolors | — | Not stated | Web |
| 8 | PaletteMaker | Free | Not stated | Web |
| 9 | Realtime Colors | Free | Not stated | Web |
| 10 | Khroma | — | Not stated | Web |
Browse Material Design color palettes and other collections, including Tailwind and Fluent colors.
Generate color values for design systems by setting a target contrast ratio.
Create, download and share color combinations, or browse palettes submitted by other users.
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.
Generate color palettes with Pigment's color tool and adjust color combinations.
Generate color palettes using colors described as less common among designers.
PaletteMaker creates color palettes and previews them in sample designs such as logos, interfaces, patterns, and posters.
Realtime Colors previews color palettes and fonts on a website layout.
Khroma learns a user’s color preferences and generates palettes for designers to discover and save.
hue.tools mixes and modifies colors, shows combinations, and links colors to design inspiration and stock imagery.
Paletton helps designers create color schemes and combinations for visual projects.
Pick and convert colors using the OKLCH color model, with HEX, RGB and HSL conversion.
Explore accessible foreground and background colors with Color.review, which displays contrast measurements.
Discover and analyze the colors in an image with Clariss, an image color palette scanner for examining picture colors.
Generate translucent color equivalents with Alphredo by adjusting a palette against a chosen background.
Evaluate a brand color palette for ADA compliance with the Accessible Brand Colors tool.
color × color creates accessible color systems for user interfaces using Okhsl or HSLuv color spaces.
Upload an image or enter a URL to identify colors and view their HEX and RGB codes.
Find HEX color codes and complementary colors with this online color picker.
BrandColors collects brand color codes and lets users download the collection in formats such as ASE, CSS, SCSS, and LESS.
Choose a color theme for the Lite XL text editor from this collection of Lua-based schemes.
ColorBox generates color palettes with customizable hue, saturation, and brightness curves, and exports values for tools including Tailwind CSS.
Generate 11-step Tailwind CSS color scales, adjust them with HSL controls and access the API.
Alternatives are suggested from the purpose and features described in our listings. Different pages for the same product appear once. Read each description to check whether it fits your task. How we choose alternatives · Suggest an alternative