red
pink
purple
deep purple
indigo
blue
cyan
teal
green
orange
brown
Why Material Design Colors
- Browse Material Design color palette, 10 hues with shades and accent (A100-A700) variants.
- Click any swatch to copy its hex code.
Common questions
Is Material Design Colors free to use?
Yes. Material Design Colors is completely free. There is no sign up, no trial, and no usage cap.
Do I need an account to use Material Design Colors?
No. You can start using Material Design Colors straight away. We do not ask for an email address or a login.
Is my data uploaded to a server when I use Material Design Colors?
No. Material Design Colors runs entirely inside your browser, so the colors you enter never leaves your device and nothing is sent to us.
Do you store the colors I use with Material Design Colors?
No. Because everything happens locally in your browser, there is nothing for us to store. Close the tab and it is gone.
Can I copy colors as HEX, RGB, or HSL?
Yes. Material Design Colors shows colors in the common formats and lets you copy the value you need with one click.
Can I use the colors from Material Design Colors in my design tool?
Absolutely. Copy the value and paste it into Figma, your code, or any other app.
How do I use Material Design Colors?
Enter or paste your colors and Material Design Colors updates the result as you go. When it looks right, copy or download it with one click.
Does Material Design Colors work on phones and tablets?
Yes. Material Design Colors is responsive and works in any modern browser on mobile, tablet, and desktop.
Which browsers does Material Design Colors support?
It works in current versions of Chrome, Firefox, Safari, and Edge. For the best experience, keep your browser up to date.
Is there a limit on how often I can use Material Design Colors?
No. You can use Material Design Colors as many times as you need, at no cost.
Can I use Material Design Colors for commercial or client work?
Yes. You are free to use the output in personal, educational, and commercial projects.
Why is Material Design Colors free?
The site is supported by advertising, which lets us keep every tool free and open to everyone.
What should I do if Material Design Colors gives an unexpected result?
First check that your colors is formatted as expected. If something still looks wrong, use the feedback link on the page and we will take a look.