material-ui.com change color button on variable code example

Example: material ui change button to custom color

/* 
style={{backgroundColor: '#12824C', color: '#FFFFFF'}}
backgroundColor changes the button color 
color changes the text color
These examples use Hex to define the color (Green button with white text)
*/

// Example
import React from 'react';
import Button from '@material-ui/core/Button';

const GreenButton = () => {
  return(
    <Button 
    style={{backgroundColor: '#12824C', color: '#FFFFFF'}}
    >Green</Button>
  )
}

export default GreenButton;