# Sync a color palette to the local library

{% stepper %}
{% step %}

### <i class="fa-lock">:lock:</i> Sync to the local styles

The shades/tints are grouped by source colors, from the darkest to the lightest. If any `Color modes` have been created, the groups will be gathered and named with their related color theme. In addition, if the palette has a custom name, every group is gathered into one with the palette name.

Once the palette is ready, click the `Sync with the local styles` button to add every color shade/tint to the document's local styles. These styles can be published in the Team Library.

If you update the palette after adding its shades/tints to the local styles, you can click the `Sync with the local styles` button to update the styles that have been edited. The synchronization is not on both sides because you cannot update your palette from the local styles.

{% hint style="info" %}
The synchronization with the local styles is not deep by default, so the styles that do not match the shade/tint of your palette will remain. Read more about the [`Preferences`](https://docs.ui-color-palette.com/sketch/user-management/update-your-preferences).
{% endhint %}
{% endstep %}

{% step %}

### <i class="fa-lock">:lock:</i> Sync to the local variables

The shades/tints are grouped by source colors, from the darkest to the lightest. If any `Color modes` have been created, the groups will be gathered and named with their related color theme. In addition, if the palette has a custom name, every group is gathered into one with the palette name.

Once the palette is ready, click the `Sync with the local variables` button to add every color shade/tint to the document's local variables. These variables can be published as Team Library.

If you update the palette after adding its shades/tints to the local variables, you can click the `Sync with the local variables` button to update the variables that have been edited. The synchronization is not on both sides because you cannot update your palette from the local variables.

{% hint style="warning" %}
The current behavior of Sketch cannot allow you to replace the previous variables with the new ones. So, the new variables will lose the link with the published ones.
{% endhint %}

{% hint style="info" %}
The synchronization with the local styles is not deep by default, so the variables that do not match the shade/tint of your palette will remain. Read more about the [`Preferences`](https://docs.ui-color-palette.com/sketch/user-management/update-your-preferences).
{% endhint %}
{% endstep %}
{% endstepper %}