ChangeColor.jsx

import React from 'react';
import TextField from '@material-ui/core/TextField';
import { createTheme, ThemeProvider } from '@material-ui/core/styles';

const Theme = createTheme({
  palette: {
    primary: {
      main: '#d2691e',
    },
  },
});


export default function ChangeColor() {

  return (
    <form>
      <ThemeProvider theme={Theme}>
        <TextField id="outlined-basic" label="Outlined" variant="outlined" />
      </ThemeProvider>
    </form>
  );
}