Material Design Colors
Browse the 19 classic Material Design 500 base colors and copy HEX or RGB.
Classic 500 base colors only
A QUICK WALKTHROUGH
How to use this tool
- Select a base color family.
- Read the selected value and copy it.
Material Design Colors
This compact reference contains the classic 500 base values only. It does not generate lighter shades, accents or Material 3 dynamic roles. Values are fixed, not approximations. Check contrast separately before using colors for text.
GOOD TO KNOW
Common questions
Select a base color family.
This compact reference contains the classic 500 base values only. It does not generate lighter shades, accents or Material 3 dynamic roles. Values are fixed, not approximations. Check contrast separately before using colors for text.