← All text tools

Material colour palette generator

Material 3 style tonal palettes and light and dark colour roles from one seed colour.

  • Free
  • No sign-up
  • Works on any device

About Material colour palette generator

Give it one seed colour and it builds a Material 3 style tonal palette, from tone 0 black to tone 100 white, plus light and dark colour roles such as primary, on-primary and surface. This is the approach behind Material You themes on Android and in Material Design web components.

How to use Material colour palette generator

  1. Set the options above. The result updates live.
  2. Change anything until it's just right.
  3. Copy the result or download it.

Why use this tool?

Also known as

Frequently asked questions

What are tones in Material 3 palettes?

Tones are lightness steps from 0 to 100 of the same hue and chroma. Roles use specific tones, for example primary is tone 40 in light themes and tone 80 in dark ones.

Is Material colour palette generator free?

Yes. Material colour palette generator on Toolipedia is free to use, with no sign-up and no watermark.

Is it safe to use?

Yes. Everything is worked out in your browser, and nothing you enter is sent to our server.

Does it work on my phone?

Yes. It works in any modern browser on Android and iPhone, as well as on tablets and computers. There's nothing to install.

Do I need an account?

No. Just open the page and use the tool. There's no sign-up and no email needed.

Related tools