COLORLAB
Create your color system once. Use it everywhere.
Generate a complete color scale from a single brand color, built for product designers and developers.
01
Build your color scale
Start with a single brand color and generate a complete scale of tints and shades. Refine individual tokens and create a color system that works for your product.
02
One color system for design and development
Keep designers and developers working from the same color values. What you create in ColorLab can be used across your design files and product code.
03
Take your colors straight into design and code
Copy individual colors or export your complete color system as Figma Tokens or CSS and JSON for your development workflow.