Import the Material Design color palette into Sketch 3

Workaround for creating & sharing color palettes

Hannah Lee
Jul 8, 2015 · 3 min read

As far as I know, there’s no way to share native Sketch 3 color palettes yet, so here’s is a quick workaround using the native Mac OS color picker in Sketch 3 (which is searchable and arguably easier to use).

Instructions

  • Select the Color Palettes tab:
  • Now you have all the Material Design colors in one place! Enjoy!

You can also drag and drop the CLR file into your user Library > Colors folder (Click Go in the desktop menu bar, hold down Alt and select Library > Colors) It’ll appear once you restart Sketch.

Create & share

You can input hex numbers in the Sliders tab (at the bottom right):

Then go back to the Color Palette tab and click the “+” icon under the gear. (You can also click and drag the color swatch into the list):

Note: There is no way to change the order of this list, or edit the color unless you delete and re-enter it so be careful!

Not sure if this is a universal problem, but when I’ve used the eyedropper tool, the hex number it picked up was different than the one I set it in Sketch so watch out for this.

To share it, open your user Library > Colors folder (Click Go in the desktop menu bar, hold down Alt and select Library > Colors). The .clr file should be there ready to share!

Hope this helps someone get some extra sleep :)

Thanks to Matt Gaunt.

Hannah Lee

Written by

Designer at Google. Chrome browser for Android.