The builderThe global design system
Global colours
Name your palette once and reuse it by name, with modifiers for variations.
Global colours are your palette, set once and reused by name. Instead of typing a hex value into every block, you pick a named colour, and changing that colour later updates everywhere it is used.
Each colour also carries modifiers, so you can build a variation from a base instead of defining a new colour:
- Lighten and Darken shift it up or down.
- Saturate and Desaturate strengthen or mute it.
- Spin rotates the hue.
- Opacity sets its transparency.
A modified colour stays tied to its base, so adjusting the base flows through to every variation built from it.