Turn your color palette into reusable CSS custom properties for consistent design systems
Generate CSS custom properties (variables) for your color palette. Create consistent color systems for CSS, SCSS, and Tailwind projects.
Multiple Format Support
Generate variables for CSS custom properties, SCSS variables, and Tailwind config.
RGB and HSL Values
Automatically creates RGB and HSL variants of your colors for opacity support.
Custom Naming
Name your color variables according to your project's conventions.
Color Descriptions
Add descriptions to document the purpose of each color in your system.