Official color tool

The Material Design team has also built an awesome palette configuration tool: material.io/resources/color/. This can help you create a color palette for your UI, as well as measure the accessibility level of any color combination.

Playground

Select colors using the palette and sliders below. Alternatively, you can enter hex values in the Primary and Secondary text fields.

Principal colors

Set New colors reset colors

Style

The output can be fed into a new style.css file: