title: Angular Material Custom Theme from Material Color Tool
body: <p>Material.io has this great tool called the Material Palette Generator: <a href="https://material.io/design/color/#tools-for-picking-colors" rel="nofollow noreferrer">https://material.io/design/color/#tools-for-picking-colors</a>.  Using it, you can pick a primary and secondary color, and then click a link "View in Color Tool" which takes you to a page where you can see your choices in different ways: <a href="https://material.io/resources/color/#!/?view.left=0&amp;view.right=0&amp;primary.color=6002ee&amp;secondary.color=c63131" rel="nofollow noreferrer">https://material.io/resources/color/#!/?view.left=0&amp;view.right=0&amp;primary.color=6002ee&amp;secondary.color=c63131</a>.</p>
  
  <p>But there doesn't seem to be an easy way of exporting your palette into a format usable for generating a custom Angular Material theme.  They have an export link, but the closest format seems to be CodePen.  But once you open it in CodePen, the CSS doesn't seem to have the palette information you need.</p>
  
  <p>My question: has anyone tried these tools, and is there a pre-established pathway from Material palette to Angular Material custom theme?  Or are they unrelated?  If unrelated, is there a simple way to copy the color codes needed from the former to the latter?</p>
  
  <p>Thanks.</p>