Design system
Color Styles
Last updated 2 November 2026
Figma color styles in the Design System are direct representations of variables used for Insites Components. Use the color styles to quickly customize your components to fit your design needs.
Insites Color Styles
The color styles are grouped based on color and intended use.
In your figma file go to the Design Panel while nothing is selected to view all the Color Styles.
A list of all the default color styles is available under the Style Guide page of the Figma file for your development handover.
Customization
Updating the properties of the color style will automatically apply across your figma file.
This will also update the handover style guide for developers.