Sync a color palette to the local library

Learn how to synchronize your color palette with document styles and variables, enabling its publication across projects and teams.

1

Sync to the local styles

The shades/tints are grouped by source colors, from the darkest to the lightest. If any Color mode have been created, the groups will be gathered and named with their related color mode. 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 as 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.

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.

2

Sync with tokens

You can now synchronize your palette directly with Penpot design tokens using the native plugin API. See Sync a color palette to tokens for a step-by-step guide.