Color Scales I/O

Color Scales I/O is a Figma plugin that generates accessible color palettes from your base colors and exports them as Figma Variables and dev-ready design tokens: one tool, design to code. It integrates Adobe's Leonardo color engine to handle accessibility; every step meets APCA (WCAG 3.0) and WCAG 2.1 automatically. Your single source of truth from palette to production.

Features:

Contrast-first scales: set APCA or WCAG targets; Leonardo generates every step. No guess-and-checkExport pipeline: Figma Variables, W3C design tokens (DTCG JSON/YAML), Leonardo themes, Dev Mode CSS/JSDesign + Dev Mode: edit scales in Design, copy code snippets in Dev Mode Inspect (Pro)Visual editing: drag contrast stops, adjust curves, preview changes live12+ color spaces: OKLCH, LCH, HCT (Material 3), HSLuv, Display P3, and moreFlexible ramps: Tailwind and Material-style lightness distributionAdaptive themes: light, dark, and custom modes without rebuilding from scratchPRO (one-time purchase):

Own your full color pipeline — from base colors to engineer handoff. Unlimited exports, persistent themes, live Figma Variable sync, multi-theme/mode setups, Dev Mode snippets (CSS/JS), and cross-file theme copy/paste. Built for design system collaboration and handoff.

Free core stays free. Pro is a one-time $49 purchase.

🌐 Learn more: colorscales.io📨 Support & feedback: info@colorscales.io