> ## 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.

# Color Dock

The **Color Dock** makes your palettes easily accessible while staying unobtrusive.

It lives at the edge of your screen, always on top of other windows, so you can access your colors anytime without losing focus on your work.

<img className="block h-auto w-full rounded-2xl dark:hidden" src="https://mintcdn.com/sip/9J_M-7V4gWPP-GJC/_images/pages/color-dock/color-dock-left-light@2x.png?fit=max&auto=format&n=9J_M-7V4gWPP-GJC&q=85&s=64fcd040b2196bfd783d2a641e416196" alt="color-dock-left" width="379" height="430" data-path="_images/pages/color-dock/color-dock-left-light@2x.png" />

<img className="hidden h-auto w-full rounded-2xl dark:block" src="https://mintcdn.com/sip/9J_M-7V4gWPP-GJC/_images/pages/color-dock/color-dock-left-dark@2x.png?fit=max&auto=format&n=9J_M-7V4gWPP-GJC&q=85&s=b4c0ebcd472ff217ac94ec60da863325" alt="color-dock-left" width="379" height="430" data-path="_images/pages/color-dock/color-dock-left-dark@2x.png" />

## Adding Palettes to the Color Dock

You can choose which palettes appear in the Color Dock by enabling the **Add to Color Dock** option from a palette's actions menu.

Open the palette actions menu and choose **Add to Color Dock**. To remove it later, choose **Remove from Color Dock** from the palette or from the Dock.

<img className="block h-auto w-full rounded-2xl dark:hidden" src="https://mintcdn.com/sip/9J_M-7V4gWPP-GJC/_images/pages/color-dock/color-dock-remove-palette-light@2x.png?fit=max&auto=format&n=9J_M-7V4gWPP-GJC&q=85&s=82887bb64f76e8a38a821f0c2cef4872" alt="color-dock-remove-palette" width="3000" height="2000" data-path="_images/pages/color-dock/color-dock-remove-palette-light@2x.png" />

<img className="hidden h-auto w-full rounded-2xl dark:block" src="https://mintcdn.com/sip/9J_M-7V4gWPP-GJC/_images/pages/color-dock/color-dock-remove-palette-dark@2x.png?fit=max&auto=format&n=9J_M-7V4gWPP-GJC&q=85&s=51fa46555472e48e7c03d4dd28512ac4" alt="color-dock-remove-palette" width="3000" height="2000" data-path="_images/pages/color-dock/color-dock-remove-palette-dark@2x.png" />

## Moving the Color Dock

To reposition the Color Dock:

* **Drag** it to a new location.
* When released, the Dock snaps to the nearest screen edge.

<Tip>
  To hide the Color Dock, drag it to the center of your screen. To show it again, go to <b>Preferences > Color Dock > Show Color Dock</b>.
</Tip>

<img className="block h-auto w-full rounded-2xl dark:hidden" src="https://mintcdn.com/sip/9J_M-7V4gWPP-GJC/_images/pages/color-dock/color-dock-hide-light@2x.png?fit=max&auto=format&n=9J_M-7V4gWPP-GJC&q=85&s=77a70f6f804c8545c310f4cb2b67cb0b" alt="color-dock-hide" width="920" height="600" data-path="_images/pages/color-dock/color-dock-hide-light@2x.png" />

<img className="hidden h-auto w-full rounded-2xl dark:block" src="https://mintcdn.com/sip/9J_M-7V4gWPP-GJC/_images/pages/color-dock/color-dock-hide-dark@2x.png?fit=max&auto=format&n=9J_M-7V4gWPP-GJC&q=85&s=64ee00641a8e8b3fb22e712a07289712" alt="color-dock-hide" width="920" height="600" data-path="_images/pages/color-dock/color-dock-hide-dark@2x.png" />

## Actions in the Color Dock

Each palette in the Color Dock has an action icon (**•••**). Hover over it to reveal options:

* **Edit** the palette.
* **Remove** the palette from the Color Dock.
* **Lock** or **Unlock** the palette to prevent or allow edits.
* **Delete** a palette.

You can also click a color in the Dock to make it the current color, or drag colors out of the Dock into your workflow.
