Material design colors

material design colors

Open Tool

Material color

The Material Design color system helps you apply color to your UI in a meaningful way. In this system, you select a primary and a secondary color to represent your brand. Dark and light variants of each color can then be applied to your UI in different ways.

material design colors


A palette is a collection of colors, i.e. hues and their shades. Material-UI provides all colors from the Material Design guidelines. This color palette has been designed with colors that work harmoniously with each other.

“Hue” & “Shade”

A single color within the palette is made up of a hue such as “red”, and shade, such as “500”. “red 50” is the lightest shade of red (pink!), while “red 900” is the darkest. In addition, most hues come with “accent” shades, prefixed with an A.

Color – Material-UI

The Material Design color palette comprises primary and accent colors that can be used for illustration or to develop your brand colors
The Material Design palette tool or 2014 Material Design palettes are available to help you select colors. A diagram of primary and secondary color
Create and share color palettes for your UI, and measure the accessibility of any color combination.
Out of color ideas? Material Design Color Palette will help you quickly decide which color to choose for your project. 

Leave a Reply

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