How To Use Material Design Color Picker Tool ?

This website is made for developers and designers who want quick access to the color codes provided by Google for Material Design. You can click on the color box and respective color code will be automatically copied to your clipboard.

Color Formats
You can change the color format you want to use by changing the selection in right side of the header. You can switch between HEX, #HEX, RGB and RGBA

Access Specific Color Palette
You can also access specific color palette with the URLs.
For Red Color Palette : materialui.co/colors/red
For Deep Purple Color Palette : materialui.co/colors/deep-purple
For Red 500 Color Palette : materialui.co/colors/red/500

Got It ! Take me to the tool.

5 Comments


  1. Great!

    But how do I select multiple colors?

    Reply

    1. Ankit, sorry but you can select one color at a time only.

      Reply

  2. If u use that icon on android application ,will it show copyright content?

    Reply

    1. No, These all icons are Official Google’s Material Icons. Feel free to remix and re-share these icons.
      The only thing we ask is that you not re-sell these icons.
      You can have more info here.

      Reply

Leave a Reply

Your email address will not be published. Required fields are marked *