Back to Plugins
Color Scales I/O

Color Scales I/O

Adaptive color scales powered by Adobe Leonardo

Plugin Preview

Color Scales I/O preview

About this plugin

Color Scales I/O generates accessible color palettes using Adobe's industry-standard Leonardo contrast color engine. Create perceptually uniform color scales for design systems with APCA (WCAG 3.0) and WCAG 2.1 contrast formulas.Key FeaturesAdobe Leonardo Integration: The most advanced Figma plugin that integrates Leonardo's contrast-based color generation engineAPCA + WCAG 2.1 Support: Switch seamlessly between WCAG 3.0 (APCA) and WCAG 2.1 formulasVisual Contrast Editor: Drag contrast stops, adjust curves, get real-time preview12+ Color Spaces: Fine tune color scales precisely. Choose from OKLCH, LCH, HCT (Material 3), HSLuv, Display P3, and more8 Distribution Algorithms: Adjust steps by using Tailwind, Material Design, CIELAB, or WCAG thresholdsAdaptive Light/Dark Themes: Single-click theme switching with automatic palette regenerationExport everywhere: Export as Design Tokens (W3C DTCG), Figma Variables, code (CSS, JS) via Dev Mode, or as Adobe Leonardo theme⚠️ Public Beta: Features may change. Report issues to [email protected]

Plugin Details

Version15
CreatedOctober 26, 2025
Last UpdatedMarch 11, 2026
CategoryAccessibility tools
CreatorTasos Dervenagas
Stats9 installs, 2 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://api.color.pizza
    • https://api.web3forms.com
    • https://app.posthog.com
    • https://colorscales.io
    • https://eu.i.posthog.com
    • https://eu.posthog.com
    • https://us.i.posthog.com