Turn any color to Material Color for flutter

To turn any color to material, You just follow below,

Especially, when we try to give a primary swatch color, It only accepts the material color code.

Now, Just create a variable for your custom color and specify your values in it for 50 to 900 for Luminance purpose.

Map<int, Color> color =
{
50:Color.fromRGBO(136,14,79, .1),
100:Color.fromRGBO(136,14,79, .2),
200:Color.fromRGBO(136,14,79, .3),
300:Color.fromRGBO(136,14,79, .4),
400:Color.fromRGBO(136,14,79, .5),
500:Color.fromRGBO(136,14,79, .6),
600:Color.fromRGBO(136,14,79, .7),
700:Color.fromRGBO(136,14,79, .8),
800:Color.fromRGBO(136,14,79, .9),
900:Color.fromRGBO(136,14,79, 1),
};

Finally, give the color like this,

MaterialColor colorCustom = MaterialColor(0xFF880E4F, color);

Specify it in the primary swatch,

theme: ThemeData(
primarySwatch: colorCustom,
bottomAppBarColor: colorCustom
),

Finally, my output.