Back to Plugins
Custom Color System
Turn one color into an accessible design system with scales and semantics, powered by Radix.
dynamiccolor variablescolor systemcolor palettecustomizableflexibledesign systemaccessiblecolor scalesemantic colors
Plugin Preview
About this plugin
Custom Color System
Transform a single color into a fully branded, accessible design system by generating color scales and organizing them into an intuitive semantic structure for effortless implementation.
- Input one brand color, get a complete interface color system
- Automatic color harmonies with proper contrast ratios
- Light & dark theme support
- Organized semantic color variables ready to use
- Optional advanced mode for granular control
- Built on Radix Colors for reliable accessibility
Plugin Details
| Version | 7 |
|---|---|
| Created | January 6, 2025 |
| Last Updated | January 17, 2025 |
| Category | design-tools-other |
| Creator | Mike Rembach |
| Stats | 12 installs, 9 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the design-tools-other category.