Color styles

The Most Powerful Color System Made for Figma πŸš€

Our color system is an incredibly versatile and comprehensive part of our design system and UI kit, inspired by the considerable color schemes available in Tailwind CSS. This is a robust and effortless tool that can enhance the user experience, add to your brand identity, and encourage engagement.

We offer a vast range of colors from primary shades to subtle neutrals and everything in between. Our palette has been carefully put together to meet the needs of any design space. Each color is equipped with multiple variations, allowing you to adapt them to the specific design context or environment or choose to customize the colors to your brand.


16 styles
256 variants
Figma documentation
Figma documentation
Figma documentation