Paletto — Color Extractor

Paletto turns color discovery into a two-click workflow.

Select any frame, group, or component — Paletto instantly extracts every solid color used across all nested layers. Sort by hue, usage count, or lightness. Copy any hex in one click.

Found a color you want to build a system around? Hit the palette icon to generate a full 11-step shade scale (50 → 950) using perceptually balanced HSL math — the same approach used by Tailwind and Material Design. Your base color is automatically detected and marked in the scale.

When you're ready, export directly to Figma. Paletto drops a clean, labeled frame onto your canvas — with color swatches, hex codes, step numbers, and color names — ready to hand off or drop into your design system.

Features— Extract all solid colors from any selection— Sort by hue, usage frequency, or lightness— Generate 11-step shade palettes from any extracted color— Copy individual hex codes or the full palette as text— Export full color boards or single shade scales to Figma canvas— Supports transparent fills with alpha display