Image for post
Image for post

Import the Material Design color palette into Sketch 3

Workaround for creating & sharing color palettes

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).

Image for post
Image for post

Instructions

  • Select the Color Palettes tab:
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
  • 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):

Image for post
Image for post

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):

Image for post
Image for post

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 :)

Written by

Designer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store