text: const colors = {
      // Brand Blues
      lightBlue: '#e0f5f7',
      mediumLightBlue: '#b6e3ec',
      mediumBlue: '#86cde0',
      mediumDarkBlue: '#005d75',
      darkBlue: '#003f4f',
      skyBlue: '#56bfd8',
      inputBlue: '#438398',
      backgroundBlue: '#D9E6F0',
      gradientBlue: '#3499B1',
  
      // Brand Greys
      lightGrey: '#e6e7e8',
      mediumLightGrey: '#d1d3d4',
      mediumGrey: '#939598',
      mediumDarkGrey: '#6d6e71',
      darkGrey: '#414042',
      hoverGrey: '#bfbfbf',
      splashGrey: '#b8b8b8',
      mainTextGrey: '#414042',
      appBackgroundGrey: '#9cdb95',
      // mainTextGrey: '#6d6e71',
  
      // Greens
      brandGreen: '#6dc067',
  
      // match MUI styles
      borderGrey: 'rgba(0, 0, 0, 0.12)',
      backgroundGrey: '#F7F9FA',
      // Material UI Input Border grey
      muiBorderGrey: 'rgba(0, 0, 0, 0.23)',
  
      placeholder: '#666666',
      red: '#d93025',
      pink: '#e57373',
      purple: '#800080',
      orange: '#FFA500',
      yellow: '#F7F2C2',
      teal: '#21CBBB',
      clear: '#00000000',
      surface: '#FFFFFF',
      white: '#FFFFFF',
      black: '#000',
  
      // Previous Colors
      subHeaderGrey: '#F2F4F5',
      // subTextGrey: '#656566',
  
      transparent: 'transparent'
  };
  
  export default colors;