Colorator

About this plugin

Creating colors is easy.Making them work consistently across UI is not.The same color behaves differently in text, fills, strokes and on light or dark surfaces.That’s why many palettes break in real use.Colorator solves this by building a complete, structured color system for you — in seconds.Start with a few core inputs:Accent colorNeutrals (achromatic)Optional complementary colorsService colors (success, warning, error)Colorator automatically generates a full semantic system for:RootTextIconsStrokesBackgroundsFancy (gradients and advanced styles)Each token is:Optically compensated (not just mathematically adjusted)Adapted for light and dark surfacesPrepared for interaction states (hover, pressed via shifts)All tokens are instantly mapped into Figma Local Variables and organized into Modes, so you can easily switch and invert states in appearance without rebuilding your system.Create a truly professional color system in just a few clicks — ready to scale and ready to use.More details are available in the Constructor design system (Setup page).