Toolvist

Material Color Palette Generator

Generate a Material Design color palette from any base color, with all shades and hex codes.

This becomes the 500 shade of the ramp.

Base

#2563EB

Shades

10

Status

Click any swatch to copy its hex code.

Shade ramp

Harmonized accent

Material Color Palette Generator

Generate a Material Design–style color palette from any base color. You get a full 50–900 shade ramp with hex codes, a matching accent tint, and text-color recommendations for each swatch.

How to Use

Enter a hex value or pick a color, and the palette builds instantly. Click any swatch to copy its hex code.

  • Ten shades from 50 to 900
  • Light and dark text recommendations
  • Harmonized secondary color suggestion
  • Click any swatch to copy its hex
  • Everything computed in your browser

Related Image & Color Tools

Browse all Image & Color Tools →

You might also need

Tools from other categories that people pair with the Material Palette:

Browse the full tool directory →