Color System [Orbit]
Create monotonic color scales and Figma Variables instantly with AI-powered naming.
Plugin Preview
About this plugin
Orbit Color System
is 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.
Plugin Details
| Version | 3 |
|---|---|
| Created | January 6, 2026 |
| Last Updated | January 9, 2026 |
| Category | Accessibility tools |
| Creator | Murylo Henrique |
| Stats | 145 installs, 74 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/index.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://generativelanguage.googleapis.com
More Like This
Discover other plugins in the Accessibility tools category.
Stark - Contrast & Accessibility Checker
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥