colorStudio
Professional Color Accessibility Workspace
Create accessible color palettes, sync across VS Code and Figma, and collaborate with your team. All harmonies are free—Pro tier unlocks workflow integration and team features.
Powerful Features
Advanced Palette Generation
Generate accessible color palettes with all 6 harmony types, image extraction, and intelligent color naming (150+ specific names).
VS Code Integration
Sync palettes seamlessly between colorStudio and VS Code. One-click export with sync tokens for instant workflow integration.
Figma Export
Export palettes directly to Figma format. Maintain design consistency across your entire workflow.
Real-Time Sync
Keep colors synchronized across VS Code, Figma, and colorStudio. Changes in one tool update everywhere.
Image Extraction
Upload images to automatically extract dominant colors using k-means clustering. Build palettes from inspiration.
Palette Sharing
Share palettes as images. Download, copy to clipboard, or use native Share API for seamless collaboration.
Advanced Exports
Export to CSS, SCSS, JSON, Figma, and VS Code formats. Copy to clipboard or download files instantly.
Team Collaboration
Share palettes, projects, and libraries with your team. Real-time collaboration for design systems.
Everything You Need
All 6 color harmonies (complementary, triadic, analogous, monochromatic, split-complementary, tetradic)
Enhanced color naming with 150+ specific names (Aqua Blue, Canary Yellow, Sea Green, etc.)
Unified contrast integration with real-time accessibility analysis
Gradient generation with adjustable stops and accessibility validation
Image-based palette extraction from uploaded photos
Palette preview images for sharing and documentation
VS Code ↔ Figma ↔ colorStudio sync (Pro tier)
Advanced export formats (CSS, SCSS, JSON, Figma, VS Code)
Team collaboration features (Pro tier)
API access for custom integrations (Pro tier)