A color picker for the Mac menu bar.

Pick a color from anywhere on your screen, save it to a folder, and copy it as hex, RGB, HSL, or OKLCH.

Coming soon to the Mac App Store

The Color Jar app icon
  • Mac menu bar app
  • macOS 14 or later
  • No account needed

Color picker

Click the eyedropper in the menu bar, then click any pixel on screen. A checkmark at the pointer shows the color was saved. You can also set a keyboard shortcut to pick from any app without opening the panel.

Picking a color from a web page, with a check at the pointer confirming the save

Copy and export

Copy a single color as hex, CSS rgb(), hsl(), or oklch(). Export a folder as CSS variables, a Tailwind theme, SCSS, Design Tokens, JSON, or a SwiftUI extension.

The Copy As menu listing hex, rgb, hsl, and oklch

Names and folders

Each saved color gets a name from a list of about 5,000, such as Clotted Cream or Trail Dust. You can sort colors into folders, search by name or hex, and compare similar colors side by side.

Saved colors in Color Jar, grouped into folders

Details

Menu bar only

No Dock icon or main window. Open it from the eyedropper in the menu bar

Works offline

Color Jar makes no network connections and has no account or analytics. Colors are stored on your Mac

Works with Shortcuts and Spotlight

Shortcuts actions can pick, copy, and add colors. Saved colors show up in Spotlight search

Palette generator

Start from one color and generate a palette around it.

Shuffle and lock

Press Space to generate a new palette. Lock the colors you want to keep

Harmony and mood

Choose an analogous, complementary, or triadic harmony, and a pastel, muted, bright, vibrant, or dark mood

The Palette Generator toolbar with harmony and mood menus

FAQ

Which Macs does it run on?
Any Mac running macOS 14 or later. Color Jar lives in the menu bar, not the Dock.
What happens to my colors?
They stay on your Mac. Color Jar makes no network connections and has no account, analytics, or tracking.
Why does a picked color differ from the website’s CSS?
Color Jar saves the color your screen displays, converted to sRGB. That can differ slightly from the value a website or design file was written with.
Can I pick without opening the panel?
Yes. Record a Pick Color shortcut in Settings and use it from any app. Color Jar can copy the color as soon as you pick it.

Color Jar for Mac

Coming soon to the Mac App Store. Requires macOS 14 or later.