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 SystemTransform 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 systemAutomatic color harmonies with proper contrast ratiosLight & dark theme supportOrganized semantic color variables ready to useOptional advanced mode for granular controlBuilt 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 | 20 installs, 13 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.