Materialette - A material design color palette
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
assets Fixes an issue in windows where the new copy indicator was being over… Nov 7, 2016
scripts Fixes an issue with click events locking the tooltip at every click e… Nov 12, 2016
.gitignore Adds initial working build Oct 15, 2016
.nvmrc Added yarn lock and nvm (#21) ref #20 Nov 4, 2016
LICENSE Adds initial working build Oct 15, 2016 Update reademe for Linux (#26) Mar 29, 2017
gulpfile.js Adds the color series to the tooltip Oct 16, 2016
index.html Fixes path to image icon Nov 6, 2016
index.js Fixes indentation Nov 16, 2016
package.json Removes selection from rgb<->hex selector Nov 17, 2016
yarn.lock Adds font-awesome and hint.css to style/clean up the top bar Nov 6, 2016



# Materialette Easily access every color in [Google's material design palette]( from your OS dock.

Made using electron.

Github All Releases


Download the latest build from the releases section. Make sure to choose your operating system appropriately.


  1. Unzip the
  2. Move the file to the /Applications directory

Windows 7.1+

  1. Unzip to a desired location and run the exe

Linux (Some distros)

  1. Unzip to a desired location
  2. open terminal
  3. cd to the unzipped directory
  4. run ./Materialette

Note: There are some known issues with using electron + Tray with Linux.


  • Ubuntu 16.04
    • Requires libappindicator1. Install with sudo apt-get install libappindicator1.
    • Upon opening, a blank button is presented. Clicking it will load Materialette.
  • Fedora 24
    • Requires libappindicator1. Install with sudo dnf install libappindicator1.

If you are able to run the app successfully in a different distro, please update this README!


If you're using nvm, run the command $ nvm use to use the version of Node specified in the .nvmrc.

  • Install dependencies with $ npm install or $ yarn. A yarn.lock is included.
  • Compile SCSS -> CSS $ gulp sass or $ gulp sass:watch
  • Start the application with $ npm start
  • Build the application with $ npm run build