Spectro | Grayscale Color Agent

About this plugin

🌚 Master grayscale. Simplify your workflow.

Stop wasting time adjusting tints and shades. Generate unlimited neutrals instantly. Spectro is a specialized tool designed to help creators, designers, and developers craft accurate and balanced grayscale color systems. Whether you’re building a design system, fine-tuning a UI palette, or exploring neutral tones, Spectro simplifies the process with precision.

This project is built with care and passion to solve a real creative need, and your support can help keep it alive, improve its features, and make it accessible to more people.

✅ What Spectro generates:

1. Unlimited shades of gray, from lightest to darkest
2. Perfectly balanced neutral palettes for consistent design
3. Consistent scales for backgrounds, text, and UI components
4. Flexible tones that adapt to any design system or component
5. Time-saving automation, no more manual adjustments
6. Optimized contrast and readability across all gray scales

(🎨 Colorful shades? Not today. Spectro is all about balanced grays.)

🛠️ How to use Spectro:

1. Choose from the full 360 HUE spectrum to set your base color direction.
2. Define the minimum and maximum lightness to shape your grayscale curve.
3. Adjust saturation curve factors to fine-tune the depth and richness of your grayscale tones.
4. Use easing functions to smooth the transition and create more natural shades.
5. Once you’re happy, export your custom grayscale system and start designing!