UI Colors
uicolors.app/createGenerate custom Tailwind CSS color palettes and browse the framework's built-in color values.
Looking for something like Material UI? 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.
Browse Material Design color palettes and other collections, including Tailwind and Fluent colors.
| # | Alternative | Pricing | Open source | Platforms |
|---|---|---|---|---|
| 1 | UI Colors | — | Not stated | Web |
| 2 | Sorted CSS Colors | — | Not stated | Web |
| 3 | PaletteMaker | Free | Not stated | Web |
| 4 | hue.tools | Free | Not stated | Web |
| 5 | SchemeColor | — | Not stated | Web |
| 6 | Leonardo | — | Yes | Web |
| 7 | Color Picker | — | Not stated | Web |
| 8 | Alphredo | — | Not stated | Web |
| 9 | BrandColors | — | Not stated | Web |
| 10 | ColorKit's Color Picker | — | Not stated | Web |
Generate custom Tailwind CSS color palettes and browse the framework's built-in color values.
Browse CSS colors sorted by hue, saturation and lightness, with RGB, HSL and hex values.
PaletteMaker creates color palettes and previews them in sample designs such as logos, interfaces, patterns, and posters.
hue.tools mixes and modifies colors, shows combinations, and links colors to design inspiration and stock imagery.
Create, download and share color combinations, or browse palettes submitted by other users.
Generate color values for design systems by setting a target contrast ratio.
Upload an image or enter a URL to identify colors and view their HEX and RGB codes.
Generate translucent color equivalents with Alphredo by adjusting a palette against a chosen background.
BrandColors collects brand color codes and lets users download the collection in formats such as ASE, CSS, SCSS, and LESS.
Find HEX color codes and complementary colors with this online color picker.
Generate color palettes with AI and choose from styles such as smart color schemes.
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.
Generate color palettes with Pigment's color tool and adjust color combinations.
Generate color palettes using colors described as less common among designers.
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.
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.
Choose a color theme for the Lite XL text editor from this collection of Lua-based schemes.
Browse hand-picked color palettes for design projects, with collections and related colors.
Browse more than 500 curated color palettes from Culrs and select combinations for graphic and interface design work.
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