Using Sip

Menu Bar Icon

Menu bar icons located on the top right of your screen.

The Menu Bar is the primary access to Sip. The Sip icon on the left triggers the picker and the arrow on the right open the Menu Bar Interface.

In preferences you can change this icon to a condensed version, where it shows you the Sip icon as the option to display the Menu Bar. Also in preferences, you can choose if you want the Sip icon to be persistently filled with the latest Color you picked.

Shortcuts in this section:

  • Show Picker

Menu Bar Interface

The Menu Bar Interface is the main interface of Sip and is where you do most of your work. This interface is composed of a toolbar, a Palettes list, and the bottom bar.

Menu bar Interface


The toolbar on the top contains the essential tools for content creation:

  • Left: Picker tool, used to pick one or multiple Colors.
  • Center: Menu, a drop-down that lets you create new Palettes, create Custom Formats and check contrast between Colors.
  • Right: Color Panel that allows you to create any desired Color.
  • Bellow: Smart Formats icon along with the Color Formats drop-down menu.

Shortcuts in this section:

  • Show Menu Bar
  • Show Color Panel
  • Next Format
  • Previous Format

Palettes List

Palettes List contains all your Colors organized by Palettes. You can enter in the Palette Detail screen and see Colors in detail. To do that, click on the top area of the Palette.

Changing between Palettes list view and Palette detail view.

Color History

The first Palette is the Color History, where you can access all picked Colors. Although Color History is displayed as a Palette, it has a different set of rules from the other regular Palettes.

  1. You can’t delete the Color History Palette, you can only clear it. This means the Palette will remain fixed on top of all Palettes list even if empty.
  2. In Color History Colors can’t be ordered, they are always displayed in the order they were picked.
  3. You can’t drag Colors to Color History, only from Color History to other Palettes.
  4. You can’t rename this Palette.

Color Palette

Color Palettes allow you to organize your Colors in meaningful groups. You can use it to organize Colors it the way it makes more sense for you and your team. There is no limit of Colors you can have inside a Palette; however, you can't have duplicated Colors inside the same Palette.

On the Top left of the Palette, you have the option to select a Palette. By selecting, all Colors picked will be added to the Color History and this Palette. Also on the top left, you have the Palette Name.

Selecting a Palette.

On the top right of each Palette, you have the action icon. When hovered it displays a set of actions:

  • Favorite Palettes, which can then be accessed by clicking on the favorite icon on the left in the bottom bar of the interface.
  • Add Palettes to Color dock.
  • Lock Palettes, to avoid any undesirable editing.
  • Delete Palettes.
  • Color Editor.
Hover the top right icon to reveal actions.

Palettes can be organized, duplicated, edited, deleted and shared. To organize Palettes, drag a Palette vertically to the place you want it to occupy in the Palette list. You can duplicate a Palette holding the Option Key while dragging the Palette vertically.

Organizing and duplicating Palettes.

To Rename a Palette or a Color, right click on it to open the contextual menu and select the first option.

Renaming Palettes and Colors.


You can organize Colors inside a Palette by clicking and dragging a Color to the place you want them to occupy. You can also drag a Color to another Palette using the same method. If you need to duplicate a Color to another Palette, press Option key while dragging the Color.

Organizing Colors in, and between Palettes.

Bottom Bar

Bottom Bar.

This bar appears at the very bottom of the Menu Bar Interface, and it displays icons for functionalities like filter between all Palettes or just the ones you favorited.

On the right side, you have the Preferences and quit Sip options.