Color System [Orbit]
by Murylo Henrique
Create monotonic color scales and Figma Variables instantly with AI-powered naming.
Installs
488
Likes
144
Users
1,356
Views
1,288
Preview
About this plugin
Orbit Color Systemis the smartest way to build robust color foundations in Figma. Stop guessing values and start generating accessible, professional color scales instantly.
Key Features:
🎨 Smart Scales: Generates a perfect 11-step color scale (50-950) from a single base color using advanced lightness interpolation to ensure smooth, monotonic gradients.❖ Native Variables: One click to create or update Figma Variables directly in your local collections. The plugin handles the heavy lifting of organizing naming conventions (e.g., "Primary/500 •").
🤖 AI Naming: Stuck on a name? Unsure if it's "Slate" or "Cool Gray"? Let our built-in AI suggest creative and semantic names for your colors automatically.
🎛 Smart Base Positioning: Unlike other tools, Orbit intelligently detects where your base color fits best in the scale (e.g., 50 vs 900), preserving your original color's intent while generating the rest of the palette.
Perfect for Design Systems, UI Kits, and keeping your team's color usage consistent.
Developed by @murylorique
More accessibility tools plugins
View allStark - Contrast & Accessibility AI Checker
by Stark
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
by Alex Carr
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
by Manthankumar Satani
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
A11y - Color Contrast Checker
by Kelly Gorr
Text color accessibility