Creating a Color Picker Palette on macOS

Last week I was creating a presentation and wanted to use brand colors throughout. macOS has a built in color picker that allows for multiple color palettes and I thought that would be perfect. Here’s what it looks like:

Color Picker

Creating a custom palette in Apple’s Color Picker was far more difficult than I expected. Here’s my runbook for creating one easily and also backing it up as a simple JSON file.

Requirements

  1. I have some oddball requirements for all of this. Many of the apps I tried to use have an eyedropper tool to add colors to a palette. I want to add colors by hex code because that’s the most accurate way to add a set of known colors.

  2. I want to be able to create a palette of colors that I can use with the Apple color picker.

1. Buy ColorWell

I looked at many color pickers for macOS. Too many. There are a lot of these on the AppStore and a ludicrous amount on the internet. None really did what I wanted until I found ColorWell on the AppStore. It’s most important feature is the option to export a CLR file. Since this is not a space I regularly play in I was unaware that this is the exchange format Apple uses with the Color Picker app.

ColorWell

The ColorWell app is nice enough. It displays a color palette and pretty much every piece of meta data for that color that I will never use. It also has a very nice palette generator to make new color schemes.

Scheme Generator

I especially enjoy the ColorWell integration with the Color Names repo. Not because I care about accurate names, but because it adds a tiny bit of joy to color a slide title “God of Rain” or to set an outline as “squant”. ColorWell has a preference to manually refresh the database to add new names to the app. Another little bit of joy for an inexpensive and useful app.

Database Refresh

2. Create a JSON file and Import it

ColorWell can import a pretty simple JSON format to load a palette of colors. I love this because it’s self documenting. It’s just a list of hex codes for the colors.

ColorWell Data Format

Go into ColorWell and open the palette window. Click the little import icon at the bottom and choose the JSON file we just made.

3. Export the CLR file from ColorWell

Keep the ColorWell palette window open and hit the little export icon on the bottom to generate the CLR file. This will be used with the Apple Color Picker.

Export

4. Import the CLR file into Apple’s Color Picker

Jump over to any app that supports the Apple Color Picker. Shockingly Microsoft PowerPoint actually uses the macOS picker so I used that.

Click the three little dots next to the drop down for selecting color palettes and choose “Open…” to import the CLR file. Import CLR File

5. Bob’s Your Uncle

Now we can select our new color palette in the macOS picker. It was a convoluted process and it definitely didn’t “just work” but at least we now can make a “Furry Lion” orange icon in PowerPoint and know that it is the right “Furry Lion” orange.

Disco