Color styles are the colors used throughout a specific project. Your projects won't start with any Color Styles— it will instead use Apple's native System Colors by default. Once you've created your own Colors styles, you can use them in your project.

To create a Color style in macOS, click the plus icon in the Styles Panel. A new color will appear at the bottom of your Color styles list. To choose the color’s value, click the edit icon on the row, then click the color well in the pop-up. A native color panel will appear, and you’ll select a color from there. Closing the panel and pop-up will automatically save your selected color.

Edit your Color style the same way you created the initial color value.

To duplicate, delete, or rename your Color style, right-click on the color’s name.

To create a Color style on iOS, tap the four circle icon, and select "Colors" from the menu that appears. Tap New Color, and a modal will appear where you can select your color type, edit the color value, and change your color’s name. You can adjust the color value using the color picker, RGB values, opacity, HEX code, or current color slider. Closing the modal will automatically save your color.

Edit your Color style by tapping on the color you'd like to edit, and adjusting the values the same way you created the initial color value.

To duplicate, delete, or rename your Color style, tap on the color name while in the color editor.