> ## Documentation Index
> Fetch the complete documentation index at: https://docs.sipapp.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Palettes

Palettes help you organize and manage your colors based on your project’s requirements and your team’s workflow. Grouping colors within a Palette mirrors how you might structure a color system.

## Create Palette

You can create a new palette from the Main Window or Sip's menu.

### From the Main Window

<img className="block h-auto w-full rounded-2xl dark:hidden" src="https://mintcdn.com/sip/BrfrFWO-ARtFXPWM/_images/pages/palettes/main-add-palette-light@2x.png?fit=max&auto=format&n=BrfrFWO-ARtFXPWM&q=85&s=ff596cbb81d50191afd307ee66ab422c" alt="main-add-palette" width="3000" height="2000" data-path="_images/pages/palettes/main-add-palette-light@2x.png" />

<img className="hidden h-auto w-full rounded-2xl dark:block" src="https://mintcdn.com/sip/BrfrFWO-ARtFXPWM/_images/pages/palettes/main-add-palette-dark@2x.png?fit=max&auto=format&n=BrfrFWO-ARtFXPWM&q=85&s=b64d1b5dd3c15cf71613db26beb2ef3c" alt="main-add-palette" width="3000" height="2000" data-path="_images/pages/palettes/main-add-palette-dark@2x.png" />

* Click the `+` button.

### From Sip's Menu

* Click the `+` button in the toolbar.

<img className="block h-auto w-full rounded-2xl dark:hidden" src="https://mintcdn.com/sip/BrfrFWO-ARtFXPWM/_images/pages/palettes/menu-add-palette-light@2x.png?fit=max&auto=format&n=BrfrFWO-ARtFXPWM&q=85&s=f374589fe865f2da6c440eeaa6f58d7d" alt="menu-add-palette" width="1600" height="2000" data-path="_images/pages/palettes/menu-add-palette-light@2x.png" />

<img className="hidden h-auto w-full rounded-2xl dark:block" src="https://mintcdn.com/sip/BrfrFWO-ARtFXPWM/_images/pages/palettes/menu-add-palette-dark@2x.png?fit=max&auto=format&n=BrfrFWO-ARtFXPWM&q=85&s=3b21bf633933adf01b77b7396c98d1ea" alt="menu-add-palette" width="1600" height="2000" data-path="_images/pages/palettes/menu-add-palette-dark@2x.png" />

## Add Colors

Once you've created a palette, you can add colors to it by:

* Using the **Color Picker** while the Palette is selected.
* Dragging colors from other palettes into the new one.
* Holding <kbd>⌥</kbd> while dragging to copy colors instead of moving them.

<img className="block h-auto w-full rounded-2xl dark:hidden" src="https://mintcdn.com/sip/BrfrFWO-ARtFXPWM/_images/pages/palettes/palette-add-color-light@2x.png?fit=max&auto=format&n=BrfrFWO-ARtFXPWM&q=85&s=c65f92774e642fe3b8b4e57465543f6d" alt="palette-add-color" width="3000" height="2000" data-path="_images/pages/palettes/palette-add-color-light@2x.png" />

<img className="hidden h-auto w-full rounded-2xl dark:block" src="https://mintcdn.com/sip/BrfrFWO-ARtFXPWM/_images/pages/palettes/palette-add-color-dark@2x.png?fit=max&auto=format&n=BrfrFWO-ARtFXPWM&q=85&s=32db22f277b47fd2cf5d9a93abd7351a" alt="palette-add-color" width="3000" height="2000" data-path="_images/pages/palettes/palette-add-color-dark@2x.png" />

## Editing Names and Notes

Palettes can be named, and you can add a description to help your team understand the palette's purpose, use cases, or project relevance.

<img className="block h-auto w-full rounded-2xl dark:hidden" src="https://mintcdn.com/sip/BrfrFWO-ARtFXPWM/_images/pages/palettes/palette-edit-name-light@2x.png?fit=max&auto=format&n=BrfrFWO-ARtFXPWM&q=85&s=e9d6da151b3c057a55d1c85c3abb9820" alt="palette-edit-name" width="3000" height="2000" data-path="_images/pages/palettes/palette-edit-name-light@2x.png" />

<img className="hidden h-auto w-full rounded-2xl dark:block" src="https://mintcdn.com/sip/BrfrFWO-ARtFXPWM/_images/pages/palettes/palette-edit-name-dark@2x.png?fit=max&auto=format&n=BrfrFWO-ARtFXPWM&q=85&s=640a584e52d1a0a125e7370aeede2e69" alt="palette-edit-name" width="3000" height="2000" data-path="_images/pages/palettes/palette-edit-name-dark@2x.png" />

## Grouping Colors

To group colors within a Palette:

* Select the colors you want to group.
* Open the contextual menu (right-click or use the menu icon).
* Select **Group** to create a named subgroup within the palette.

<img className="block h-auto w-full rounded-2xl dark:hidden" src="https://mintcdn.com/sip/BrfrFWO-ARtFXPWM/_images/pages/palettes/palette-group-colors-light@2x.png?fit=max&auto=format&n=BrfrFWO-ARtFXPWM&q=85&s=a01979b166da9961275ac474e39151c3" alt="palette-group-colors" width="3000" height="2000" data-path="_images/pages/palettes/palette-group-colors-light@2x.png" />

<img className="hidden h-auto w-full rounded-2xl dark:block" src="https://mintcdn.com/sip/BrfrFWO-ARtFXPWM/_images/pages/palettes/palette-group-colors-dark@2x.png?fit=max&auto=format&n=BrfrFWO-ARtFXPWM&q=85&s=62207aababed12fcb6203eb7bb48763c" alt="palette-group-colors" width="3000" height="2000" data-path="_images/pages/palettes/palette-group-colors-dark@2x.png" />

## Sorting Colors

Use palette sorting to reorder colors consistently across palette views. Sorting helps keep related colors together and makes larger palettes easier to scan.

Sorting updates how colors appear anywhere that palette is shown, including the palettes list and palette cells. You can still drag colors manually after sorting whenever you need a custom order.

<Tip>
  Normal drag moves colors. <kbd>⌥</kbd>-drag copies colors and leaves the original color where it was.
</Tip>

## Share Palette

To share a palette:

* Click the **actions menu** (`•••`) in the top-right of a palette.
* Select **Export** and choose the desired format.

<img className="block h-auto w-full rounded-2xl dark:hidden" src="https://mintcdn.com/sip/BrfrFWO-ARtFXPWM/_images/pages/palettes/share-palette-light@2x.png?fit=max&auto=format&n=BrfrFWO-ARtFXPWM&q=85&s=aabf31833168d10717edda766dc5f17e" alt="share-palette" width="3000" height="2000" data-path="_images/pages/palettes/share-palette-light@2x.png" />

<img className="hidden h-auto w-full rounded-2xl dark:block" src="https://mintcdn.com/sip/BrfrFWO-ARtFXPWM/_images/pages/palettes/share-palette-dark@2x.png?fit=max&auto=format&n=BrfrFWO-ARtFXPWM&q=85&s=60db1d7166030760e82d619ef83dcbc9" alt="share-palette" width="3000" height="2000" data-path="_images/pages/palettes/share-palette-dark@2x.png" />

### Export Formats

* **Sip Palette** – Re-importable into the app.
* **Adobe Swatch Exchange (ASE)** – For Adobe Creative Cloud.
* **Apple Color List (CLR)** – For macOS apps and Xcode.
* **JavaScript Object Notation (JSON)** – For developers.
* **Portable Document Format (PDF)** – For printable, shareable files.

These formats make it easy to use your color palettes across design, development, and documentation workflows.
