MaterialUIColors.co
Material Color Palette Generator
MaterialUIColors.co helps you generate Material Design-inspired color palettes and quickly copy HEX/RGB/RGBA values.
Listing signals
Domain rating
55
Domain rating is Ahrefs' measure of domain quality according to links.
Popularity
Low
Page views, clicks to the site and upvotes in the last 30 days, ranked against every live listing.
About tool
MaterialUIColors.co is a color palette generator focused on Material Design. Use it to explore color options and build cohesive combinations for interfaces, branding, and UI styling.
You can view color values in multiple formats and copy them as you design—HEX and HEX variants, along with RGB and RGBA. This makes it straightforward to plug colors into web and app workflows without manual conversions.
Whether you’re refining small details or starting a new palette from scratch, MaterialUIColors.co gives you an efficient way to select colors and reuse the exact values across your project.
What kind of palettes can I generate with MaterialUIColors.co?
You can generate Material Design-inspired color palettes and browse color options to match your design direction.
Which color formats are available for copying?
You can copy values in HEX (including common variants), RGB, and RGBA formats.
Is the tool only for HEX colors?
No—HEX is available, but RGB and RGBA are also provided so you can choose the format that fits your workflow.
How do I use the copied colors in my project?
Copy the color value you want (HEX, RGB, or RGBA) and paste it into your CSS, style variables, or design tokens.
Can I switch between multiple colors easily?
Yes. The tool presents a range of named colors (e.g., red, pink, blue, green) so you can move through options and copy values as needed.